Question

jquery中的ajaxstart为什么不运行

从firebug中发现这里的链接已经可以在网络中看到，为什么ajaxstart里的和ajaxStop中的数据不显示呢？

$(document).ready(function () {
$("#id").ajaxStart(function () {
$(this).html("Contacting the server");
}).ajaxStop(function () {
$(this).html("Response received.");
});
});

$("#id").load("http://www.baidu.com/" );

Answer 1

ajaxStart 和 ajaxStop 是全局的，你这样写就OK了：

$(document).ready(function () {
    $(document).ajaxStart(function () {
        $("#id").html("Contacting the server");
    }).ajaxStop(function () {
        $("#id").html("Response received.");
    });
 });                

 $("#id").load("http://www.baidu.com);

Answer 2

jquery1.8以上只能绑定到$(document)上

$(document).ajaxStart(function () {});

换jquery版本或改用document

Answer 3

(function () {
var loading='<div id="loading" style="position: fixed;background-color: rgba(0,0,0,0.5);width: 100%;height: 100%;z-index: 99;top: 0;display:flex;align-items:center;justify-content:center;color: red;font-size: 1.5rem;">'+
'加载中...'+
'</div>';
/*$.ajax().ajaxSend(function(){
alert("ajaxSend");
}).ajaxStart(function(){
alert("ajaxStart");
}).ajaxComplete(function(){
//alert("ajaxComplete");
}).ajaxSuccess(function(){
//alert("ajaxSuccess");
});*/

//全局ajax控制
var _ajax = $.ajax;
$.ajax = function(opt) {
var _opt = opt;
if (opt.noloading) {
console.log("opt.noloading");
} else {
_opt = $.extend(opt, {
beforeSend : function(XMLHttpRequest) {
console.log("beforeSend");
$("html").append(loading);
},
complete : function(XMLHttpRequest, textStatus) {
console.log("complete");
$("#loading").remove();
}
});
}
return _ajax(_opt);
};

})();