如何从Pokemon API获取进化信息？AJAX代码遇进化数据获取难题

嘿，我懂你现在的困扰——已经能成功拉取皮卡丘（id=25）的名称、HP、攻防属性，但进化数据怎么都拿不到对吧？问题出在Pokemon API的端点分工上：基础的/pokemon/{id}接口只负责返回宝可梦的战斗属性、形态这类数据，进化关系得通过另外两个端点才能拿到，我给你一步步理顺：

核心逻辑 #

1. 先请求/pokemon/{id}拿到基础属性（你已经在做的部分）
2. 从返回的宝可梦数据里提取species.url，请求这个物种端点获取进化链的URL
3. 最后请求进化链URL，解析出进化后的宝可梦信息

完整代码示例 #

// 请求基础宝可梦数据
$.ajax({
  url: 'http://pokeapi.co/api/v2/pokemon/25/'
}).done(function(pokemonData) {
  // 渲染基础信息
  $('h1').append(pokemonData.name.charAt(0).toUpperCase() + pokemonData.name.slice(1));
  
  // 更稳妥的stats取值方式（避免索引变化导致错误）
  pokemonData.stats.forEach(stat => {
    if (stat.stat.name === 'hp') {
      $('li').first().append(stat.base_stat);
    } else if (stat.stat.name === 'attack') {
      $('li').eq(1).append(stat.base_stat);
    } else if (stat.stat.name === 'defense') {
      $('li').eq(2).append(stat.base_stat);
    }
  });

  // 第二步：请求物种数据获取进化链URL
  return $.ajax({ url: pokemonData.species.url });
}).done(function(speciesData) {
  // 第三步：请求进化链数据
  return $.ajax({ url: speciesData.evolution_chain.url });
}).done(function(evolutionData) {
  // 解析进化链：找到当前宝可梦的下一级进化
  let currentEvolution = evolutionData.chain;
  // 定位到皮卡丘在进化链中的位置
  while (currentEvolution.species.name !== 'pikachu') {
    currentEvolution = currentEvolution.evolves_to[0];
  }
  // 渲染进化后名称
  if (currentEvolution.evolves_to.length > 0) {
    const evolvedName = currentEvolution.evolves_to[0].species.name;
    $('li').eq(3).append(evolvedName.charAt(0).toUpperCase() + evolvedName.slice(1));
  } else {
    $('li').eq(3).append('无进化形态');
  }
}).fail(function(error) {
  console.error('请求出错：', error);
});

重要提示 #

• Stats索引的坑：你之前用stats[5]取HP的写法有风险，不同宝可梦的stats数组顺序可能有变化，用stat.name判断属性才是稳妥的方式。
• 多分支进化处理：如果遇到伊布这类有多条进化分支的宝可梦，你需要额外处理evolves_to数组的多个元素，上面的代码是针对单分支进化（比如皮卡丘→雷丘）做的简化。

内容的提问来源于stack exchange，提问作者sosick