常見(jiàn)的一種效果，在用ajax請(qǐng)求時(shí)，沒(méi)有返回前會(huì)出現(xiàn)前出現(xiàn)一個(gè)轉(zhuǎn)動(dòng)的loading小圖標(biāo)或者“內(nèi)容加載中..”，用來(lái)告知用戶(hù)正在請(qǐng)求數(shù)據(jù)。這個(gè)就可以用beforeSend方法來(lái)實(shí)現(xiàn)。
代碼如下：
function test_ajax(){
$.ajax(
{
type:"GET",//通常會(huì)用到兩種：GET,POST。默認(rèn)是：GET
url:"a.php",//(默認(rèn): 當(dāng)前頁(yè)地址) 發(fā)送請(qǐng)求的地址
dataType:"html",//預(yù)期服務(wù)器返回的數(shù)據(jù)類(lèi)型。
beforeSend:beforeSend, //發(fā)送請(qǐng)求
success:callback, //請(qǐng)求成功
error:error,//請(qǐng)求出錯(cuò)
complete:complete//請(qǐng)求完成
});
}
function error(XMLHttpRequest, textStatus, errorThrown){
// 通常情況下textStatus和errorThown只有其中一個(gè)有值
$("#showResult").append("<div>請(qǐng)求出錯(cuò)啦！</div>");
}
function beforeSend(XMLHttpRequest){
$("#showResult").append("<div><img src='loading.gif' /><div>");
}
function complete(XMLHttpRequest, textStatus){
$("#showResult").remove();
}
function callback(msg){
$("#showResult").append("<div>請(qǐng)求成功，回傳數(shù):"+msg+"<div>");
}
方法beforeSend，用于在向服務(wù)器發(fā)送請(qǐng)求前添加一些處理函數(shù)。這是一個(gè)ajax事件，在ajax請(qǐng)求開(kāi)始之前就被觸發(fā)，通常允許用戶(hù)修改XMLHttpRequest對(duì)象（比如說(shuō)設(shè)置附加的頭部信息），關(guān)于ajax事件的解釋可參考文檔：http://docs.jquery.com/Ajax_Events
我們還見(jiàn)到一種情況，很多網(wǎng)站在加載內(nèi)容的過(guò)程中給出“數(shù)據(jù)加載中，請(qǐng)稍候”的提示，當(dāng)內(nèi)容被加載完畢后顯示內(nèi)容?？梢栽O(shè)置默認(rèn)文本顯示為加載中的提示，當(dāng)內(nèi)容加載完畢時(shí)，我們可以通過(guò)ID選擇器，將該標(biāo)簽中的文本替換成最終的內(nèi)容。以此來(lái)取代beforeSend，效率更高。
什么時(shí)候用beforeSend，什么時(shí)候用文本替換，取決于ajax請(qǐng)求前后你所展示的DOM元素是否一致，如果你所展示的DOM元素在請(qǐng)求之前已經(jīng)存在，那么通過(guò)上述文本替換的方式來(lái)處理會(huì)好些，如果除此以外你還需增加其他的需求，那么還是用beforeSend來(lái)處理吧。
