jquery的ajax請求全面了解_jquery

jquery中封裝了一些ajax請求的方法，很實用。

例如
.ajaxComplete()——請求完成時
.ajaxError()——請求失敗時
.ajaxSend() ——在Ajax請求發送時附加一個function去執行
.ajaxStart()——請求開始時，
.ajaxStop()——請求結束時
.ajaxSuccess()——請求成功時
.load()——從服務端載入資料並將傳回的HTML取代到選取的元素
jQuery.post()——使用HTTP POST請求載入服務端資料
.serialize()——將form元素集編碼成一個字串以便提交
.serializeArray()——將form元素集編碼成一個鍵值對數組
jQuery.param()——創建一個序列化的數組或對象，使得適用於一個URL查詢字串或Ajax請求
jQuery.getScript()－從服務端載入一個js文件，然後執行它
jQuery.getJSON( )——從服務端載入用JSON編碼過的資料
jQuery.get()——從服務端載入資料簡單說其中兩點

一、.ajaxStart()和.ajaxStop()

複製程式碼

複製程式碼

複製程式碼



複製程式碼



複製程式碼



複製程式碼



複製程式碼



複製程式碼


程式碼如下:

$('.log2').ajaxStop(function() {

$(this) .text('Triggered ajaxStop handler.');

});
$('.trigger').click(function() {
$('.result').load('xixi. html');

});
});

Trigger div>

程式碼中class為result的元素load了一個xixi.html,此檔案中的內容隨便，只要存在這個檔案就行。 js執行方法的順序是

先

複製程式碼

程式碼如下:

$(this(this).text(' Triggered ajaxStart handler.'); 然後

載入晚xixi.html裡的內容到class為result的元素中 最後複製程式碼 程式碼如下:$(this(this).text(' Triggered ajaxStop handler.'); 二、.ajaxSend()、.ajaxComplete()、.ajaxSuccess()以及.ajaxError() 複製程式碼複製程式碼 程式碼如下:

$(document).ready(function(){
$('.log1').ajaxStart(function() {
$(this).text ('觸發ajaxStart處理程序。');/ /【1】
});
$('.log2').ajaxStop(function() {
$(this).text('觸發ajaxStart處理程序。 。 ;//【4】
}); >$('.result').ajaxSuccess(function() {
$(this).text('觸發ajaxSuccess處理程序。');//【3 】
}); .result").ajaxError(function() {
$(this).text( "觸發了ajaxError 處理程序。" );
});
$(' .trigger').click(function( ) {
$('.result').load('xixi.html');
});
腳本>
頭>

觸發器

身體>



上述程式碼中還是class為結果的載入一個html檔。
執行順序程式碼中已經標示

如果請求過程中出現什麼錯誤，那麼檔案不存在等，就可以執行.ajaxError()中的方法而不是.ajaxSuccess()中的。

以前總是對ajax認識很亂，現在有了全面的認識，總結一下，希望共同學習，另外請求中的方式是HTTP GET或者HTTP POST也是值得研究的。

jquery中介紹ajax的地址

ajax的使用