Question

我已经在页面上创建了webMethod，在客户端使用$ .ajax（）调用这些方法。第一个Webmethod正在开展耗时的任务。任务需要8分钟以上才能完成。在对第一个方法进行ajax调用之后，我立即调用另一个Web方法，该方法在一秒或2秒内完成。所以我应该立即从第二个WebMethod ajax调用获得响应。但是在这种情况下，在这种情况下，第二Web方法不执行直到第一次调用完成。下面的例子模拟了我的场景。

[WebMethod]
public static string PullData(int snapshotId)
{
    string str = "Pull Started: " + DateTime.Now.ToString() + "\n";
    Thread.Sleep(30000);
    str += "Pull End: " + DateTime.Now.ToString();
    return new JavaScriptSerializer().Serialize(str);
}

[WebMethod]
public static string CheckStatus(int snapshotId)
{
    return new JavaScriptSerializer().Serialize("Check Status" + DateTime.Now.ToString());
}

下面是按钮点击时的Javascript调用。

   <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

    <script language="javascript" type="text/javascript">

         function pullData(){

             $.ajax({ type: 'POST',
                 url: 'Default.aspx/PullData',
                 data: '{ snapshotId: 101 }',
                 contentType: 'application/json; charset=utf-8',
                 dataType: 'json',
                 success: function (msg) {
                     var curMsg = $("#message").attr("innerHTML") + "<br />";
                     $("#message").attr("innerHTML", curMsg + msg.d);
                 },
                 error: function (jqXHR, textStatus, errorThrown) {
                     alert(jqXHR.responseText);
                 }
             });

            CheckStatus();
            return false;
        }


        function CheckStatus() {
            //alert("this is check status");
            $.ajax({ type: 'POST',
                url: 'Default.aspx/CheckStatus',
                data: '{ snapshotId: 101 }',
                contentType: 'application/json; charset=utf-8',
                dataType: 'json',
                success: function (msg) {
                    var curMsg = $("#message").attr("innerHTML") + "<br />";
                    $("#message").attr("innerHTML", curMsg + msg.d);
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    alert(jqXHR.responseText);
                }
            });

            return false;
        }

    </script>

在上面调用 CheckStatus 方法应该返回响应，在 PullData 方法之前返回响应。但 CheckStatus 在 PullData 完成工作后执行。

我可能在这里失踪或者没有意识到完整的行为。请帮忙!!!

有人遇到过这个问题吗？

Answer 1

我发现无法同时执行多个AJAX请求。但是，请求是异步的，但这些请求在队列中。在第一个请求完成任何状态成功/失败之前，下一个请求不会转到服务器。最终我们同时执行了多个请求，但直到上一次完成才会进入服务器。

多个ajax调用不能异步工作

1 个答案: