同時發送多個ajax電話

Question

我開發了一些網站，我總是碰到一個相同的問題：多個ajax電話。我有一個主頁面，所有的內容都是異步加載的。加載頁面時，有四個獨立調用按頁面（頂部，左側，右側和底部）「繪製」頁面，並在加載時向用戶顯示典型的ajax旋轉。所以，當瀏覽器收到請求時，我執行回調，不同的區域在不同的時間繪製。事實是，服務器的答案有時會混淆在一起，我的意思是，top的答案是左邊的，反之亦然。

我已經嘗試了一些解決方案，比如在每個請求中創建一個時間戳，以向瀏覽器和服務器表明每個請求都不相同。

另外我試過在服務器上配置緩存的一些參數，以防萬一。

在其中工程已包括在一個回調的請求2的唯一途徑等

任何人都知道正確的方式去做或曾經擊敗這個問題？我不想做鏈接請求。

感謝

這裏是我的意思的例子：

$(document).ready(function() { 

$.get('/activity',Common.genSafeId(),function(data){$('#stream').html(data);$("#load_activity").addClass("empty");}); 
$.get('/messages',Common.genSafeId(),function(data){$('#message').html(data);$("#load_messages").addClass("empty");}); 
$.get('/deals',Common.genSafeId(),function(data){$('#new_deals_container').html(data);$("#load_deal").addClass("empty");}); 
$.get('/tasks',Common.genSafeId(),function(data){$('#task_frames').html(data);$("#load_task").addClass("empty");});}); 

和HTML是一個簡單的JSP有四個容器每一個具有不同的ID。

Answer 1

確保每個ajax調用都有不同的回調函數，這聽起來像是你試圖對所有四個函數使用相同的函數，因此當它們被亂序調用時（因爲它們在服務器端需要不同的時間） ，他們正在渲染錯誤的地方。如果你堅持對所有的回調函數使用相同的函數，那麼你必須在有效載荷中放入一些東西，以便回調知道要渲染到哪裏。

Answer 2

封閉件

Closures有點令人興奮的在第一。它們是javaScript和其他幾種現代計算語言的一個特性。

閉包由具有內部函數（通常爲匿名事件處理程序或命名方法）的函數的已執行實例形成，該函數需要訪問一個或多個外部變量（即外部函數內的變量但在內部函數之外）。令人興奮的事情是內部函數保留對外部變量的訪問，即使外部函數已經完成並在內部函數執行時返回！

此外，由封閉捕獲的變量可以訪問只有內部功能，而不是進入封閉的進一步環境。例如，該功能可以讓我們創建具有私人和公共成員的類似結構，即使在沒有語言關鍵字「公共」和「私人」的情況下也是如此。

閉包是由內部函數使用外部變量抑制javaScript的「垃圾收集」，否則它會在完成後的某個不確定點破壞外部函數的環境。

封閉對良好，整潔的javaScript編程的重要性不可能過分。

在下面的功能getData()形式的代碼，在每個呼叫，關閉捕捉id1和id2（和url），它仍然可以匿名Ajax響應處理程序（$不用彷徨的第三個參數）。

$(document).ready(function() { 

    function getData(url, id1, id2) { 
     $.get(url, Common.genSafeId(), function(data) { 
      $(id1).html(data); 
      $(id2).addClass("empty"); 
     }); 
    } 

    getData('/activity', '#stream', '#load_activity'); 
    getData('/messages', '#message', '#load_messages'); 
    getData('/deals', '#new_deals_container', '#load_deal'); 
    getData('/tasks', '#task_frames', '#load_task'); 

}); 

因此，而不是寫四個獨立的處理器，我們利用語言的形成封鎖和調用相同功能，getData()，四次能力。在每個調用中，getData()形成一個新的閉包，它允許$ .get的響應處理程序（在服務器響應時異步調用）處理其的DOM元素。