多個ajax jsonp進程的進度條

Question

我的web應用程序通過jsonp ajax請求從幾個不同的web服務器請求信息。一些立即完成，而另一些需要更長時間我想在div中顯示一個小小的旋轉動畫，直到完成所有請求。當然，jQuery的$.ajaxStart()和$.ajaxComplete()不適用於jsonp。我能做什麼？

更新：事實證明，$.ajax的「beforeSend」和「complete」選項工作得很好。問題解決了。

Answer 1

在我的JavaScript，我加入了beforeSend和complete選項：

$.ajax({ 
    "url": "path/to/web/server", 
    "data": data, 
    "type": "GET", 
    "dataType": "jsonp", 
    "beforeSend": function() { 
     $('#loading').show(); 
    }, 
    "complete": function() { 
     $('#loading').hide(); 
    }, 
    "success": function(data) { 

     .. 
    } 
}); 

，並在我的HTML，與加載圖像的DIV

<div id="loading" style="display: none;"> 
    <img src="img/loading.gif" /> 
</div> 

上述效果很好。