多个ajax jsonp进程的进度条

Question

我的网络应用程序通过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>

以上效果很好。