如何在Open Weather API上使用fetch api方法

时间:2018-11-06 01:59:17

标签: javascript ajax fetch-api

我正在尝试使用fetch方法在网站上显示当前天气。但是,我不断收到错误消息,指出未定义res。我该怎么办?

fetch('https://api.openweathermap.org/data').then(res => {
     return res.json();
}).then(function(myJson) {
     console.log(res.coord);
});

注意:已对API调用进行了编辑,以确保隐私

1 个答案:

答案 0 :(得分:1)

问题是您在函数中使用了不同的参数名称。在您的第一个函数中,您正在使用res

.then(res => { 

但是您第二次使用的是myJSON

.then(function(myJson) {

将代码更改为此可以解决您的问题:

fetch('https://api.openweathermap.org/data').then(res => {
     return res.json();
}).then(function(res) {
    console.log(res.coord);
});