多个 AJAX 调用的限制？

Question

上下文： 我有一个javascript文件，在我有一个AJAX函数调用一个php文件返回数据并使用它执行一个函数（一个sql查询返回一个设定日期的记录，然后使用google maps API将它绘制在地图上）。让我们将此数据称为 A

问题： 我需要的是能够获取第二天的数据并将其存储在一个数组中（我们称之为数据 B）并将其与第一组数据（数据 A）进行比较。 据我了解，我需要在这个调用中进行另一个 ajax 调用，我试过了，但似乎我无法获取数据，我可能对 ajax 的核心工作有误解。例如：

var data_a;
var data_b;
    $.ajax({
         type: "POST",
         url: scriptday,
         data: $("#dayForm").serialize(),
         error: function( data ) {
              console.log("Error: "+ data );
         },
         success: function( json ) {
              data_a = json
                  //start of inner ajax call
                  $.ajax({
                           type: "POST",
                           url: scriptday2,
                           data: $("#dayForm").serialize(),
                           error: function( data ) {
                                console.log("Error: "+ data );
                           },
                           success: function( json ) {
                                data_b = json
                               // access data_a here
                           }
                       }    
                  });
                  //end of inner ajax call

        }    
    });

编辑： 这样做的正确方法是将内部 ajax 调用存储在一个包含 data_a 的函数中。

function innerAjax(data_a){
    $.ajax({
       .....
       //data_a can now be used here
    })
}

并在第一个 ajax 中调用它

innerAjax(data_a);

这种方式以同步方式使用 AJAX :) 感谢那些做出贡献的人！

Answer 1

不，不存在多个 AJAX 调用的限制，如果您使用异步 ajax（并且看起来确实如此）。

对于你的问题 - 也许你需要正确等待两个 ajax 调用的结果，存储结果然后处理它们。