使用ajaxStart方法定義一個全局的“加載中。。?！碧崾?(function(){

$("#loading").ajaxStart(function(){

$(this).html.("

");

});

$("#loading").ajaxSuccess(function(){

$(this).html.("");

//?$(this).empty();?//?或者直接清除

});

});

注意：

所有的ajax提交都會觸發(fā)ajaxStart事件，都會在你定義的

位置上顯示“加載中。。。”的圖標(biāo)(當(dāng)然你也可以定義文字，但是一個加載中的圖片比較好看);

//但是一定要注意，同時要定義好ajaxSuccess事件，ajax提交成功后把這個圖標(biāo)隱藏起來!!!

在ajax方法中定義任意位置顯示的“加載中。。?！碧崾?('#ajax_test2').click(function(){

$.ajax({

url?----?url路徑，根據(jù)你需要些啦,

type:'post',

data:'name=ZXCVB',

timeout:15000,

beforeSend:function(XMLHttpRequest){

//alert('遠程調(diào)用開始...');

$("#loading").html.("

");

},

success:function(data,textStatus){

alert('開始回調(diào)，狀態(tài)文本值：'+textStatus+'?返回數(shù)據(jù)：'+data);

//?$("#loading").empty();

},

complete:function(XMLHttpRequest,textStatus){

//?alert('遠程調(diào)用成功，狀態(tài)文本值：'+textStatus);

$("#loading").empty();

},

error:function(XMLHttpRequest,textStatus,errorThrown){

alert('error...狀態(tài)文本值：'+textStatus+"?異常信息："+errorThrown);

$("#loading").empty();

}

});

});

很明顯，在beforeSend時，在指定的位置顯示“加載中。。。”圖標(biāo)，在error、complete、success后把該圖標(biāo)移除掉!

注意：頁面有多個ajax提交時候，建議使用第二種方式，因為“加載中。。?！眻D標(biāo)可以顯示在任意你需要刷新的位置上!

文中圖片素材來源網(wǎng)絡(luò)，如有侵權(quán)請聯(lián)系刪除

總結(jié)

以上是生活随笔為你收集整理的ajax的loading方法,Ajax加载中显示loading的方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。