$.ajax:基礎(chǔ)方法
我們提供的服務(wù)有:網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、微信公眾號(hào)開(kāi)發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、涪陵ssl等。為近1000家企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的涪陵網(wǎng)站制作公司
語(yǔ)法:jQuery.ajax([settings])
.load:載入遠(yuǎn)程 HTML 文件代碼并插入至 DOM 中
語(yǔ)法:load( url, [data], [callback] )
$.get:使用GET方式來(lái)進(jìn)行異步請(qǐng)求
語(yǔ)法:jQuery.get( url, [data], [callback] )
$.post:使用POST方式來(lái)進(jìn)行異步請(qǐng)求
語(yǔ)法:jQuery.post( url, [data], [callback], [type] )
$.getScript:通過(guò) GET 方式請(qǐng)求載入并執(zhí)行一個(gè) JavaScript 文件
語(yǔ)法:jQuery.getScript( url, [callback] )
jQuery.ajax( options ) : 通過(guò) HTTP 請(qǐng)求加載遠(yuǎn)程數(shù)據(jù)
這個(gè)是jQuery 的底層 AJAX 實(shí)現(xiàn)。簡(jiǎn)單易用的高層實(shí)現(xiàn)見(jiàn) $.get, $.post 等。
$.ajax() 返回其創(chuàng)建的 XMLHttpRequest 對(duì)象。大多數(shù)情況下你無(wú)需直接操作該對(duì)象,但特殊情況下可用于手動(dòng)終止請(qǐng)求。
注意: 如果你指定了 dataType 選項(xiàng),請(qǐng)確保服務(wù)器返回正確的 MIME 信息,(如 xml 返回 "text/xml")。錯(cuò)誤的 MIME 類型可能導(dǎo)致不可預(yù)知的錯(cuò)誤。見(jiàn) Specifying the Data Type for AJAX Requests 。
當(dāng)設(shè)置 datatype 類型為 'script' 的時(shí)候,所有的遠(yuǎn)程(不在同一個(gè)域中)POST請(qǐng)求都回轉(zhuǎn)換為GET方式。
設(shè)置async參數(shù):
(默認(rèn): true) 默認(rèn)設(shè)置下,所有請(qǐng)求均為異步請(qǐng)求。如果需要發(fā)送同步請(qǐng)求,請(qǐng)將此選項(xiàng)設(shè)置為 false。注意,同步請(qǐng)求將鎖住瀏覽器,用戶其它操作必須等待請(qǐng)求完成才可以執(zhí)行。
$.ajax({
type: "get",
url: "",
beforeSend: function(XMLHttpRequest){
//ShowLoading();
},
success: function(data, textStatus){
$(".ajax.ajaxResult").html("");
$("item",data).each(function(i, domEle){
$(".ajax.ajaxResult").append("li"+$(domEle).children("title").text()+"/li");
});
},
complete: function(XMLHttpRequest, textStatus){
//HideLoading();
},
error: function(){
//請(qǐng)求出錯(cuò)處理
}
});
Ajax 同時(shí) 處理 多 個(gè) 異步請(qǐng)求 ,可能出現(xiàn)這樣的錯(cuò)誤:只有最后一個(gè) 異步請(qǐng)求 有效,其他的都沒(méi)效果。所以當(dāng)我們執(zhí)行完一次 異步請(qǐng)求 就應(yīng)該把這次創(chuàng)建出來(lái)的 XMLHttpRequest 對(duì)象刪除,然后再執(zhí)行下一次 異步請(qǐng)求 。刪除使用 delete 即可
在table中批量刪除操作中發(fā)送了多個(gè)刪除請(qǐng)求,如不刪除jquXHR對(duì)象后會(huì)只刪除選中的最后一行,刪除jquXHR對(duì)象后問(wèn)題解決。
jQuery.ajax()中文文檔(比w3cschool詳細(xì)很多)
php用法
jquery異步請(qǐng)求攔截解決方法:
$.ajaxSetup({
async : false, //同步
global: true, //對(duì)全部異步請(qǐng)求有效
beforeSend: function (jqXHR, settings) { //異步請(qǐng)求前,執(zhí)行
console.log(settings);
});