1

所有，我正在开发一个需要对 UI 内容进行部分更新的仪表板，并且我尝试使用 asynchronous 来实现它Jquery.ajax，但我发现异步请求完全不起作用。所有内容仅在最后一次请求完成时更新。所以我做了一个小测试，试图找出它发生了什么。

下面是我的代码。请审查它。

在 asp.net 页面中。

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript">
        $(function () {
            $("#btnMultipleRequest").bind("click", function () {
                $("#imgLoading").show();
                $("#divResponse").empty();
                loopRequest();
            });

            $("#imgLoading").hide();
        });

        function loopRequest() {
            var arr = [1, 2, 3, 4, 5];
            $.each(arr, function () {
                var i = this;
                $.ajax({
                    type: "Get",
                    async: false,
                    url: "server.aspx?waittime=" + i,
                    success: function (data) {
                        $("#divResponse").append("<br>" + data);
                        if (data == "5") {
                            $("#imgLoading").hide();
                        }
                    }
                });
            });
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="btnMultipleRequest" value="BeginMultipleRequest" type="button" />
        <img src="img/wait.gif" id="imgLoading" alt=""/>
        <div id="divResponse">
        </div>
    </div>
    </form>
</body>
</html>

在代码隐藏代码中

protected void Page_Load(object sender, EventArgs e)
    {
        string sTime = Request.Params["WaitTime"];
        if (!string.IsNullOrEmpty(sTime))
        {
            Thread.Sleep(int.Parse(sTime) * 1000);
            Response.Write(sTime);
        }
    }

测试结果是它只在firefox中有效，我的意思是在firefox中所有请求都是独立的，页面更新不会等待所有请求的响应完成。但不适用于 IE 和 Chrome。因为页面将被更新，直到最后一个请求结束。我不知道我是否错过了什么，请帮助我。

4

1 回答 1

1

您在这里所做的是调用 ajax 调用async false使其同步，因此请尝试修改您的代码并删除async: false,

于 2013-08-14T10:49:27.427 回答