jQuery之a(chǎn)jax事件處理

字號:


    jquery第二十四課,ajax事件處理,也就有常見的幾種,表示在ajax處理之后,通過結(jié)果事件來調(diào)用不同的函數(shù),比如,ajax執(zhí)行完畢,ajax出現(xiàn)錯誤等等.
    1.ajaxComplete(callback)AJAX 請求完成時執(zhí)行函數(shù)。Ajax 事件。
    callback是回調(diào)函數(shù),當(dāng)對象的ajax執(zhí)行完畢后,調(diào)用該函數(shù),函數(shù)可以有參數(shù)function(event,request, settings){}
    event是事件名稱 為ajaxComplete
    request是XMLHttpRequest對象
    settings表示對象提交設(shè)置,比如settings.type,如果是GET方式提交,返回GET,如果是post方式提交返回POST,比如settings.url是提交調(diào)用的頁面以及參數(shù)
    舉例:
    $("#cn").bind("click",function(){$.get("index4.php",{foraspcnurl:$("#forasp").val()},function(msg){alert(msg);} );});
    $("#cn").ajaxComplete(function(event,request, settings){alert(settings.type);});
    2.ajaxError(callback),AJAX 請求發(fā)生錯誤時執(zhí)行函數(shù)
    callback是返回函數(shù).function(event,XMLHttpRequest,ajaxOptions,thrownError) {}在處理函數(shù)中可以用this表示監(jiān)聽的dom元素
    參數(shù):
    event是觸發(fā)的事件當(dāng)前event.type表示ajaxError事件.
    XMLHttpRequest返回錯誤信息內(nèi)容,XMLHttpRequest.responseText就是text文本形式輸出的內(nèi)容.
    ajaxOptions跟上面的settings相似,是一些參數(shù)的調(diào)用:ajaxOptions.url,則返回調(diào)用頁面以及參數(shù)
    thrownError只有當(dāng)異常發(fā)生時才會被傳遞,這個不是很理解.
    舉例:
    $("#cn").bind("click",function(){$.get("index100.php",{foraspcnurl:$("#forasp").val()},function(msg){alert(msg);} );});
    $("#cn").ajaxError(function(event,XMLHttpRequest,ajaxOptions,thrownError){alert(ajaxOptions.url);});});
    3.ajaxSend(callback)AJAX 請求發(fā)送前執(zhí)行函數(shù)。
    callback 回調(diào)函數(shù):function(evt,request,settings){});
    參數(shù)evt 是 是事件,request是XMLHttpRequest對象,setting是提交的設(shè)置.更ajaxComplete類似.
    4.ajaxStart(callback) AJAX請求開始時執(zhí)行函數(shù)
    5.ajaxStop(callback)AJAX請求結(jié)束時執(zhí)行函數(shù)
    6.ajaxSuccess(callback)AJAX請求成功時執(zhí)行函數(shù)。
    4,5,6中的Callback是執(zhí)行時調(diào)用的函數(shù),function(){},沒有參數(shù).直接在函數(shù)體內(nèi)寫執(zhí)行.