如何實現多線程的jQuery

Question

我有20個頁面，每個頁面包含30個li標籤，如下面，

<li id="1">1<li/> 
<li id="2">2<li/> 
<li id="3">3<li/> 
<li id="4">4<li/> 
<li id="5">5<li/> 
... 

我會觸發一個ajax(.getJSON())調用，比如多線程每個li標籤， 我這樣做一個使用下面的jQuery代碼，但它是逐一ajax（.getJSON）調用， 它需要2秒（業務邏輯+表示邏輯）才能完成一個ajax調用。要加載總頁面，需要60秒（2x30）。

jQuery(li).each(function(e) { 
    jQuery.getJSON(JSonUrl,{}, 
     function(json) { 
      // AJAX Response. 
      if (json == null) { 
      } else { 
       var jsonList = json.deviceStatusString.split(','); 
       var jsonInnerList = jsonList[0].split('#'); 
       ... 
      } 
     } 
    ); 
}); 

你能幫我解決像java多線程的所有ajax調用嗎？

Answer 1

我相信你已經達到了最大數量的請求限制，所以你的瀏覽器正在等待更多的線程可用。看看這個帖子：How many concurrent AJAX (XmlHttpRequest) requests are allowed in popular browsers?

Answer 2

如果你碰到了多個AJAX請求的性能顛簸，你應該總是試圖做的事情之一是將所有這些AJAX調用最小化爲更少的調用，最好如果你可以拋出所有這一切只需要一個AJAX調用。

這樣，你就擺脫了與拋出和維護多個HTTP請求有關的整個開銷堆。