javascript - JS API 中的数据“案例”

Question

我想从我的 API 中显示数据“案例”，但似乎什么也没发生，你有什么建议吗

 window.onload = function() {
    getCovidStats();
}

function getCovidStats() {
    fetch('https://coronavirus-19-api.herokuapp.com/countries/Morocco')
    .then(function(resp) { return resp.json() })
    .then(function(data) {
        console.log(data);
        let cas = data.Object.cases;

        document.getElementById('cas').innerHTML = cas.toLocaleString('en');


    })
    .catch(function() {
        console.log("error");
    })
    setTimeout(getCovidStats, 43200000) // update every 12 hours
}

在我看来，console.log(data)我的 API的 data.object.cases 路径是错误的

标签： javascriptjsonapi

Answer 1

而不是let cas = data.Object.cases; 这样做： let cas = data.cases;

最终代码：

window.onload = function() {
    getCovidStats();
}

function getCovidStats() {
    fetch('https://coronavirus-19-api.herokuapp.com/countries/Morocco')
    .then(function(resp) { return resp.json() })
    .then(function(data) {
        console.log(data);
        let cas = data.Object.cases;

        document.getElementById('cas').innerHTML = cas.toLocaleString('en');


    })
    .catch(function(err) {
        console.log("error",err);
    })
    setTimeout(getCovidStats, 43200000) // update every 12 hours
}

建议： 您可以在函数中添加 err 参数并将其记录在 catch 中以用于调试目的

.catch(function(err) {
        console.log("error",err);
    })