本文只介紹jQuery中Ajax的最常用格式，如果你想了解原生的Ajax介紹，請移步廖雪峰關於Ajax的介紹。

1、什麼是Ajax

Ajax是“Asynchronous JavaScript and XML”的縮寫。他是指一種建立互動式網頁應用的網頁開發技術。

怎麼讀？我們大多數程式設計師習慣讀成：阿賈克斯。因為這是個縮寫，我覺得按大部分人的讀法就行了，畢竟不是一個英文單詞。這裡採用廣泛的、識別度高的讀法（關於讀法我有很多想法，這裡不展開了）。

Ajax是用於：前端頁面向後端介面請求資料，然後獲得響應。

2、為什麼要用Ajax

這裡我們要比較一下，如果不用Ajax會怎麼樣？如果不用Ajax，那我們就用form表單的形式傳送請求到伺服器。如果仔細觀察一個Form的提交，你就會發現，一旦使用者點選“Submit”按鈕，表單開始提交，瀏覽器就會重新整理頁面，然後在新頁面裡告訴你操作是成功了還是失敗了。如果不幸由於網路太慢或者其他原因，就會得到一個404頁面。

如果要讓使用者留在當前頁面中，同時發出新的HTTP請求，就可以用Ajax傳送這個新請求。可以在同一個頁面中傳送多個Ajax請求，而且互不干擾，這就實現了局部重新整理。

3、jQuery中Ajax的最常用格式

jQuery中Ajax的用法，是目前Ajax所有用法中最常見的，而且，在使用其他js框架的時候，比如Vue，很多人也習慣用jQuery中Ajax的用法，因為真的太好用了。不過用的時候，一定要先引入jQuery，文末提供了 jquery-3.2.1.min.js 的下載連結。

下面是本文的重點：

alert(1);                       //這裡是為了說明async屬性，見下面介紹
jQuery.ajax({
	url:"請求伺服器的介面地址",
	type:'post',                //也可以是get,post最常用
	data:{                      //data裡面就是請求這個url後面帶的引數列表
		'name':'lily',
            'sex':'girl',
            'age':12
	},
        async:true,                 //基本都是預設不寫（true），這裡是為了說明async屬性，見下面介紹    
	dataType:'json',            //在現在的專案中，json格式也是最常用的
	success:function(data){     //data就是伺服器返回的資料，一般都是json格式
		alert('成功！');        //這裡寫請求成功之後你自己處理資料的程式碼
	},
	error:function(){
		alert('錯誤！');        //這是請求錯誤的時候，你自己處理的程式碼
	}
});
alert(2);                      //這裡也是為了說明async屬性，見下面介紹
 

3.1 請注意書寫的格式

jQuery.ajax({})中，都是json格式key-value。其中value可以是字串，如url；可以是布林值，如async；也可以是一個json，如data；也可以是函式，如success；當然還可以是數字。

3.2 關於url、type、data等後面的內容，我註釋寫的很清楚，所以這裡不說了，除了async。

3.3 關於Ajax中的async

之所以說async屬性，是為了讓我們更好的理解什麼是非同步，為啥可以實現區域性重新整理。

當async值為true，也就是說可以非同步請求，那麼當程式執行完alert(1)之後，可以形象的理解，程式會生成一個分支，這個分支去執行Ajax中的內容，主程式繼續往下執行alert(2)，所以當async值為true時，我們看到彈出1後，立馬彈出2。

當async值為false，也就是說不可以非同步請求，那麼當程式執行完alert(1)之後，程式繼續向下去執行Ajax中的內容，等執行完Ajax中的內容後，才會繼續往下執行alert(2)，所以當async值為false時，我們看到彈出1後，要等Ajax執行完，才能彈出2。

學過後端語言的朋友可能會說，當async值為true時，不就是執行兩個執行緒嗎？我說：你是對的！多執行緒就是同一個程式中多個執行路徑。Ajax確實實現了多執行緒。

4、參考文獻和jQuery下載

4.1、參考文獻

4.2、jQuery下載地址