在后台獲取數據而不影響.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