调用SWAPI访问json.people.results返回undefined如何解决

安全阿岳

2026-8-27

问题根因

你当前请求的是SWAPI的根入口接口，这个接口返回的json.people、json.planets字段不是包含业务数据的对象，而是对应资源接口的URL字符串。字符串类型不存在results属性，所以访问时会返回undefined。

快速验证方式

执行console.log(typeof json.people)，控制台会输出string，而非你预期的object
直接打印json.people的完整值，能看到它的内容是https://swapi.dev/api/people/格式的接口地址，不是角色数据集

你之前尝试的JSON.parse、JSON.stringify操作没有任何作用，因为fetch的Response.json()方法已经自动把接口返回的JSON字符串解析为原生JS对象，不需要额外做格式转换。

正确实现代码

SWAPI只有具体的资源列表接口（比如people、planets接口）才会返回带results字段的分页结构，你需要先拿到资源对应的URL，再发起二次请求获取实际数据：

async function getData() {
  // 1. 请求根接口拿到各资源的入口地址
  const rootResponse = await fetch("https://swapi.dev/api/?format=json");
  const rootData = await rootResponse.json();

  // 2. 请求people资源接口拿实际角色数据
  const peopleResponse = await fetch(rootData.people);
  const peopleData = await peopleResponse.json();
  
  console.log(peopleData.results); // 此处可正常获取角色数组
  // 同理获取planets数据
  const planetsResponse = await fetch(rootData.planets);
  const planetsData = await planetsResponse.json();
  console.log(planetsData.results);
}
getData();

如果不需要动态获取资源地址，也可以直接写死people接口地址https://swapi.dev/api/people/发起请求，跳过根接口调用步骤。