javascript - 在另一个 API 调用中进行 API 调用？

Question

我基本上需要合并来自两个不同 API 调用的数据。这是我现在拥有的:

    var url= "https://website.com/api.json";
    $.ajax({
        url: url,
        type: "GET",
        dataType: 'json',
        headers: {'X-API-Key': 'xxxxxx'},
        success: function(data){

            var api = data.results[0].api;

            for (var i=0;i<api.length;++i)
            var api2url = api[i].api2url;

            {
                $('tbody').append('<tr><td>'+api[i].thing+'</td></tr>');
            }
        }
    });

以上工作。

问题是我还需要 https://website.com/api2.json 的数据(这将来自 api1 调用的数据)。我需要我的最终代码如下:

$('tbody').append('<tr><td><a href="'+api2[i].thing+'">+api[i].thing+'</a></td></tr>');

Answer 1

最简单的方法是在第一个 API 调用的成功回调中进行该 API 调用。可能看起来像:

var url= "https://website.com/api.json";
$.ajax({
    url: url,
    type: "GET",
    dataType: 'json',
    headers: {'X-API-Key': 'xxxxxx'},
    success: function(data){
      // now you have closure over results from api call one
      $.ajax({
        url: 'apiURL2', // or something
        type: "GET",
        dataType: 'json',
        headers: {'X-API-Key': data.results.apiKey // or something },
        success: function(moreData){

        var api = data.results[0].api;

        for (var i=0;i<api.length;++i)
        {
            $('tbody').append('<tr><td>'+api[i].thing+ moreData.thing'</td></tr>');
        }
    }
  })
});