Question

我需要调用一些API来收集和合并信息。我进行了第一个API调用，并根据结果对第二个API进行了多次调用（循环）。由于http请求是异步的，因此我正在丢失信息。到第二步完成时，服务器（nodejs）已经将响应发送回了客户端。

我已经尝试过以某种方式使用回调函数。这样可以使对客户端的响应保持等待状态，但是第二个呼叫的信息仍然丢失。我想变量不同步。我还对走开/异步进行了快速测试，但我的Javascript mojo不足以使其运行时没有错误。

/* pseudo code */
function getData(var1, callback){

url= "http://test.server/bla?param="+var1;

request.get(url, function (error, response, body){
var results = [];
  for(var item of JSON.parse(body).entity.resultArray) {  
     var o = {};
     o['data1'] = item.data1;
     o['data2'] = item.data2;
     o['data3'] = item.data3;

     getSecondStep(o, function(secondStepData){
       //console.log("Callback object");
       //console.log(o);
       o['secondStepData'] = secondStepData;
     });
     results.push(o);
  }
  callback(results);
});
}

function getSecondStep(object, callback){

  url = "http://othertest.server/foobar?param=" + object.data1;
  request.get(url, function (error, response, body){
    var results = [];
    if(response.statusCode == 200){
      for(var item of JSON.parse(body).object.array) {
        var o = {}
        o['data4'] = item.data4;
        o['data5'] = item.data5;
        results.push(o);
      }
      callback(results);
    }
});
}

我想要的是能够将所有信息收集到一个JSON对象中，然后将其返回给客户端。然后，客户将负责以一种不错的方式呈现它。

Answer 1

我建议对request-promise-native库使用异步/等待模式。

这使API调用真正易于实现，并且使用此模式时代码更清晰。

在下面的示例中，我只是调用httpbin API来生成UUID，但是该原理适用于任何API。

const rp = require('request-promise-native');

async function callAPIs() {
    let firstAPIResponse = await rp("https://httpbin.org/uuid", { json: true });
    console.log("First API response: ", firstAPIResponse);

    // Call several times, we can switch on the first API response if we like.
    const callCount = 3;
    let promiseList = [...Array(callCount).keys()].map(() => rp("https://httpbin.org/uuid", { json: true }));
    let secondAPIResponses = await Promise.all(promiseList);

    return { firstAPIResponse: firstAPIResponse, secondAPIResponses: secondAPIResponses };
}

async function testAPIs() {
    let combinedResponse = await callAPIs();
    console.log("Combined response: " , combinedResponse);
}

testAPIs();

在这个简单的示例中，我们得到了类似的组合响应：

{
    { 
        firstAPIResponse: { uuid: '640858f8-2e69-4c2b-8f2e-da8c68795f21' },
        secondAPIResponses: [ 
            { uuid: '202f9618-f646-49a2-8d30-4fe153e3c78a' },
            { uuid: '381b57db-2b7f-424a-9899-7e2f543867a8' },
            { uuid: '50facc6e-1d7c-41c6-aa0e-095915ae3070' } 
        ] 
    }
}

Answer 2

仅当所有第二个callback函数都已被调用时，才需要调用第一个函数的callback。尝试以下更改：

function getData(var1, callback) {

    url = "http://test.server/bla?param=" + var1;

    request.get(url, function (error, response, body) {
        var results = [],count=0;
        var arr = JSON.parse(body).entity.resultArray;
        for (let [index, value]  of arr.entries()) {
            var o = {};
            o['data1'] = item.data1;
            o['data2'] = item.data2;
            o['data3'] = item.data3;

            getSecondStep(o, function (secondStepData) {
                //console.log("Callback object");
                //console.log(o);
                o['secondStepData'] = secondStepData;

                results[index] = o;
                count++;
                if (count === arr.length) {
                    callback(results);
                }
            });

        }
    });
}

Answer 3

我建议您转到支持诺言的库（例如：https://github.com/request/request-promise），因为代码比回调方法更容易处理。

您的代码应类似于：

function getData(var1){
    var url = "http://test.server/bla?param="+var1;
    return request.get(url).then(result1 => {
        var arr = JSON.parse(body).entity.resultArray;
        return Promise.all( arr.map(x => request.get("http://othertest.server/foobar?param=" + result1.data1)))
                     .then(result2 => {
                              return {
                                data1: result1.data1,
                                data2: result1.data2,
                                data3: result1.data3,
                                secondStepData: result2.map(x => ({data4:x.data4, data5:x.data5}))
                             }
                      })
    });
}

使用情况将是

getData("SomeVar1").then(result => ... );

Answer 4

问题是您在进行回调时仍在进行异步调用。可能有几种方法，例如我们使用async / await或恢复为Promises（在您的情况下，我可能会这样做）。

或者，也可以仅在拥有所有可用信息时调用回调。伪代码如下：

0x7FFE2A107B70

（请注意，由于这是伪代码，因此我不会检查错误或处理character中可能出现的空结果）

Answer 5

我们可以通过在jquery ajax调用中保持async：false来进行同步调用。见下文可能有用

$.ajax({
url: url, 
data: {  },
method: 'GET',
async : false,
success: function (data) {
if (data != null) {
         //write your code here                  
    },
})

如何进行顺序HTTP调用？

5 个答案: