JS中Fetch天气API不正确工作

1. 确认 API 的 URL 是否正确，并且已经允许了跨域请求。

以下示例演示如何使用 Fetch API 获取 OpenWeatherMap 的天气数据：

const apiKey = 'YOUR_OPENWEATHERMAP_API_KEY';
const cityName = 'London';

fetch(`https://api.openweathermap.org/data/2.5/weather?q=${cityName}&appid=${apiKey}`)
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

2. 检查 API 响应的结构和字段是否与预期相同，这可能需要查看 API 文档或使用一个工具来检查响应。

例如，以下示例展示如何使用 Fetch API 获取 GitHub 用户的信息：

const username = 'octocat';

fetch(`https://api.github.com/users/${username}`)
  .then(response => response.json())
  .then(data => {
    console.log(`Name: ${data.name}`);
    console.log(`Location: ${data.location}`);
    console.log(`Bio: ${data.bio}`);
  })
  .catch(error => console.error(error));

4. 确保 JavaScript 代码没有其他错误，例如语法错误或变量命名错误，这可能会干扰 Fetch API 的正常使用。

例如，以下示例展示了在处理 Fetch 响应时如何使用错误处理：

fetch('https://does-not-exist.com')
  .then(response => {
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    return response.json();
  })
  .then(data => console.log(data))
  .catch(error => console.error(`Error: ${error.message}`));