如何使用HTML5 Fetch API修复RactiveJs中OpenWheather API的不透明响应

Question

这是我们第一次使用Fetch HTML5 API和Ractive JS 弄脏我们的手。

我们this code here没有犯任何错误。

注意no-cors标头设置为请求参数。

  

我们只需要从Open Weather Map guys获取免费的API数据。

如何使用HTML5 Fetch API修复RactiveJs中的不透明响应

Answer 1

您的代码需要更正以下错误

1. 使用api.openweathermaps.org而非sample.openweathermaps.org
2. 使用GET而非POST
3. 使用 VALID api键（是的，您可以获得免费密钥）
4. 正确使用提取

fetch('http://api.openweathermap.org/data/2.5/weather?q=London,uk&appid=**valid api key**', {
    method: 'GET',
    redirect: 'follow'
})
.then(response => response.json())
.then(data => console.dir(data));