多个ajax jsonp进程的进度条

【问题标题】：progress bar for multiple ajax jsonp processes多个ajax jsonp进程的进度条
【发布时间】：2011-07-22 20:05:19
【问题描述】：

我的网络应用程序通过 jsonp ajax 请求从几个不同的网络服务器请求信息。有些会立即完成，而有些则需要更长的时间。我想在 div 中显示一个小旋转动画，直到所有请求完成。当然，jQuery 的 $.ajaxStart() 和 $.ajaxComplete() 不适用于 jsonp。我能做什么？

更新：事实证明，$.ajax 的“beforeSend”和“complete”选项工作得很好。问题解决了。

【问题讨论】：

您能否发布您自己的答案并关闭问题？

标签： jquery progress-bar jsonp

【解决方案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>

上面的效果很好。

【讨论】：