在后台获取数据而不影响.net + jquery中的UI

Question

我需要在Jquery中创建多个搜索请求，这些请求从不同的表/页面进行搜索，并且需要将所有搜索结果组合到一个HTML表中并在UI中显示结果。

下面是我的方法。

在Jquery中使用$ .ajax，我转到服务器（.Net代码），获取JSON数据，返回JS文件并构建HTML表并显示结果（此结果将具有复选框供用户检查/取消选中结果） ）。 显示结果后，我再次使用$ .ajax，转到服务器（.NET代码）并获取数据，并将结果附加到第一个HTML表中。

我的要求是，在这两个请求之间，我需要

1）显示正在加载的图像/文本。

2）用户应该能够访问（滚动，检查，取消选中）第一个JSON请求返回的HTML表结果。

我也能完成1）。 我面临的问题是关于2）。 一旦结果来自第一个请求，并且在div中显示了结果，便再次使用$ .ajax触发第二个搜索请求。 目前，我无法访问HTML表。 页面冻结，直到第二个请求的结果到来，直到我将结果绑定到HTML表为止。

我的代码是这样的。

function SearchDetails() {
GetDetails("Test", 0); /*Trigger First Request*/ }

function GetDetails(searchKeyword, iAppend) {
$.ajax({
    type: "POST",
    url: "FETCH_DETAILS.asmx/GetDetails",
    data: "{'searchKeyword':'" + searchKeyword + "', 'Append':'" + iAppend + "'}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    async: false,
    crossDomain: true,
    jsonp: false,
    success: function (response) {
        if(iAppend == 0) //First Request
        {
            BindTable(response.d, iAppend); //Creates new HTML table and binds results
            GetDetails("TestNew", 1);//Trigger Second Request
        }
        else if (iAppend == 1) {
           BindTable(response.d, iAppend);
        }
    },
    failure: function (msg) {
        alert(msg);
    },

});}

function BindTable(SearchResults, iAppend){
/*Creates HTML Table & binds to a div for First Request
Creates HTML Table Rowss & appends to existing HTML table for Second Request*/ }

请建议我是否丢失任何内容，或者是否有办法从Jquery转到服务器（.NET代码）而不影响（冻结）显示/ UI。

Answer 1

也许设置：

async: false

至

async: true