Jquery 多个ajax调用同步工作

我正在使用的Ajax代码：

$(document).ready(function(){
        $.ajax({
            url:"load_search_list.php",
            async:true,
            beforeSend: function()
            {
                $("#loadStatus" ).html('laoding 1');
            },
            success: function(msg)
            {
                $("#loadStatus").html(msg);
                $.ajax({
                    url : 'load_search_complete_list.php',
                    async:true,
                    success: function(msg)
                    {
                        alert(msg)
                    }
                });
            }
        });
        $('input#detail').click(function(){
            $.ajax({
                url:laod_details.php,
                data:{id: $(this).val()},
                async:true,
                success: function(res)
                {
                    $('#detail'+$(this).val() ).html(res);
                }       
            });
        });
});

我使用下面提到的3个ajax调用- 1.此调用从数据库加载前10条记录并显示给用户 2.第一个ajax成功后，我将使用此ajax调用从数据库加载其余细节。 3.我使用这个ajax coll加载从数据库中获取的记录的详细信息

---

现在，当加载前10条记录时，会进行另一个ajax调用来加载其余记录，但同时，如果我试图获取屏幕上显示的任何记录的详细信息，则此ajax调用仅在第二个ajax调用完成后执行，我甚至尝试使用async true，但它对我没有帮助。

尝试这种方法。我不确定

$(document).ready(function(){
         $('input#detail').click(function(){
            $.ajax({
                url:"load_details.php",
                data:{id: $(this).val()},
                async:true,
                success: function(res)
                {
                    $('#detail'+$(this).val() ).html(res);
                }       
            });
        });

        setTimeout(function(){
        $.ajax({
            url:"load_search_list.php",
            async:true,
            beforeSend: function()
            {
                $("#loadStatus" ).html('laoding 1');
            },
            success: function(msg)
            {
                $("#loadStatus").html(msg);
                $.ajax({
                    url : 'load_search_complete_list.php'
                    async:true,
                    success: function(msg)
                    {
                        alert(msg)
                    }
                });
            }
        });
     },100);

});

---

这样试试。我不确定

$(document).ready(function(){
         $('input#detail').click(function(){
            $.ajax({
                url:"load_details.php",
                data:{id: $(this).val()},
                async:true,
                success: function(res)
                {
                    $('#detail'+$(this).val() ).html(res);
                }       
            });
        });

        setTimeout(function(){
        $.ajax({
            url:"load_search_list.php",
            async:true,
            beforeSend: function()
            {
                $("#loadStatus" ).html('laoding 1');
            },
            success: function(msg)
            {
                $("#loadStatus").html(msg);
                $.ajax({
                    url : 'load_search_complete_list.php'
                    async:true,
                    success: function(msg)
                    {
                        alert(msg)
                    }
                });
            }
        });
     },100);

});

---

将

laod\u details.php

更改为

“load\u details.php”

由于缺少引号和拼写错误的url名称，请求失败（或者更可能是由于

laod_details

不是有效的对象名称而导致语法错误）。

---

如果ajax请求中没有

错误

回调，那么如果服务器响应错误代码（例如在本例中找不到404），则不会通知您。在请求中添加一个

错误：function（）{…}

选项。

将

laod\u details.php

更改为

“load\u details.php”

由于缺少引号和拼写错误的url名称，请求失败（或者更可能是由于

laod_details

不是有效的对象名称而导致语法错误）。

---

如果ajax请求中没有

错误

回调，那么如果服务器响应错误代码（例如在本例中找不到404），则不会通知您。在请求中添加一个

error:function（）{…}

选项。

laod\u details.php

不应该是

“load\u details.php”

？如果没有

错误

回调，如果服务器响应错误代码（例如在本例中找不到404），则不会通知您

url:'load\u search\u complete\u list.php'

laod\u details.php

这不应该是

“load\u details.php”

？如果没有

错误

回调，如果服务器响应错误代码（例如在本例中找不到404），则不会通知您

url:'load\u search\u complete\u list.php'

这仍然在进行同步调用，单击函数ajax call仍然等待load\u search\u complete\u list.php ajax调用完成。这仍然在进行同步调用，单击函数ajax call仍然等待load\u search\u complete\u list.php ajax调用完成完成。我面对的是ajax调用的执行顺序，我没有遇到404之类的错误。当我将代码移动到网站时，我肯定会遇到错误块。我面对的是ajax调用的执行顺序，我没有遇到404之类的错误。当我将代码移动到网站时，我肯定会遇到错误块