这段代码
$("#loading").ajaxStart(function() {
alert("start");
$(this).show();
});
在我的标记
<div style="text-align:center;"><img id="loading" src="../images/common/loading.gif" alt="" /></div>
以下是完整的ajax请求：
$.ajax({
type: "POST",url: "http://localhost/WebServices/Service.asmx/GetResults",data: jsonText,contentType: "application/json; charset=utf-8",dataType: "json",success: function(response) {
var results = (typeof response.d) == 'string' ? eval('(' + response.d + ')') : response.d;
PopulateTree(results);
},error: function(xhr,status,error) {
var msg = JSON.parse(xhr.responseText);
alert(msg.Message);
}
});
$("#loading").ajaxStart(function() {
alert("start");
$(this).show();
});
$("#loading").ajaxStop(function() {
alert("stop");
$(this).hide();
$("#st-tree-container").show();
});
即使gif显示旋转,也不会发出警报“开始”. AjaxStop按预期触发.
任何想法为什么？
解决方法
它不会触发,因为您的
.ajaxStart()的处理程序没有注册,直到ajax请求已经进行(过去,当它被调用).
.ajaxStop()也是在注册之后,但在请求完成之前,所以当它回来时,它被挂起来运行.
要解决这个问题,请在您的第一个$.ajax()呼叫之前移动：
$("#loading").ajaxStart(function() {
$(this).show();
}).ajaxStop(function() {
$(this).hide();
$("#st-tree-container").show();
});
更新：启动jQuery 1.9,AJAX事件应该仅附加到文档.
http://jquery.com/upgrade-guide/1.9/#ajax-events-should-be-attached-to-document
$(document).ajaxStart(function() {
$("#loading").show();
});
$(document).ajaxStop(function() {
$("#loading").hide();
$("#st-tree-container").show();
});
