需要依次调用多个api，在javascript中一个接一个

Question

我需要在javascript中一个接一个地依次调用多个api。一个人的反应可能需要作为另一个人的输入。有人可以建议或提供示例代码。

我尝试使用 .fetch() api，但发现很难将一个 api 的响应传递给另一个。

Answer 1

利用apipromises原生返回fetch，多个请求可以一个接一个的链接var result = fetch('api/url1') // First request    .then(function (response) {        return response.json();    })    .then(function (data) {        var secondId = data.someId        return fetch('api/url2' + secondId); // Second request    })    .then(function (response) {        return response.json();    })    .then(function (data) {        var thirdId = data.someId        return fetch('api/url3' + thirdId); // Third request    })    .then(function (response) {        return response.json();    })    .then(function (data) {        // Response of third API    })    .catch(function (error) {        console.log('Error', error)    })

Answer 2

尽管答案已被接受，但请尝试async await这样。(async () => {  // first  const res = await fetch("https://reqres.in/api/users/1");  const result1 = await res.json();    console.log("Result 1", result1);    // some logic ...    // second   const res2 = await fetch("https://reqres.in/api/users/2");  const result2 = await res2.json();    console.log("Result 2", result2);  // ... so on ...})();