javascript - 如何创建类来获取 javascript

Question

这个问题已经有答案了:

How do I return the response from an asynchronous call? (42 个回答)

已关闭 3 年前。

我不会创建类来处理从 api 获取数据，请帮助我解决问题:

class Api{
    static getAll(){
        fetch("https://covid-193.p.rapidapi.com/statistics", {
        "method": "GET",
        "headers": {
        "x-rapidapi-host": "covid-193.p.rapidapi.com",
        "x-rapidapi-key": "c44a47562cmsh6ff0d107514bccfp146d00jsn876b11317ac5"
        }
        })
        .then(function(response) {
            return response.json()
        })
        .catch(function(err) {
            console.log(err)
        })
    }
}

export default Api;

当我在 app.js 中调用 Api.getAll() 时，如下所示:

import Api from "./api.js"
console.log(Api.getAll())

它不控制台任何东西，只是控制台未定义。但如果我像这样在 .then() 内进行控制台

.then(function(response) {
            console.log(response.json())

控制台的结果是

undefine
result json

如果我更改 key 以获取错误，.catch() 也不起作用。

谢谢

Answer 1

fetch 将返回一个 promise 。因此，您需要处理 Promise 来获取数据。

这是一个例子。

fetch("https://covid-193.p.rapidapi.com/statistics", {
        "method": "GET",
        "headers": {
        "x-rapidapi-host": "covid-193.p.rapidapi.com",
        "x-rapidapi-key": "c44a47562cmsh6ff0d107514bccfp146d00jsn876b11317ac5"
        }
        })
        .then(function(response) {
            return response.json()
        })
        .catch(function(err) {
           // console.log(err)
        }).then(data => console.log(data))

因此，在您的示例中，您需要处理返回的 promise ，例如:-

在 fetch("https://covid-193.p.rapidapi.com/statistics", {}) 之前添加 return，然后，

Api.getAll().then(data => console.log(data));

您可以在

找到有关 fetch API 的更多信息

https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch