先給大家介紹下Ajax概念

AJAX即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。

AJAX = 異步 JavaScript和XML（標(biāo)準(zhǔn)通用標(biāo)記語言的子集）。

AJAX 是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術(shù)。

通過在后臺與服務(wù)器進行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁實現(xiàn)異步更新。這意味著可以在不重新加載整個網(wǎng)頁的情況下，對網(wǎng)頁的某部分進行更新。

傳統(tǒng)的網(wǎng)頁（不使用 AJAX）如果需要更新內(nèi)容，必須重載整個網(wǎng)頁頁面。

ajax方法

$.ajax()方法是jQuery最底層的Ajax實現(xiàn)。它的結(jié)構(gòu)為：

　　$.ajax(options)

該方法只有一個參數(shù)，但是這個對象里包含了$.ajax()方法所需要的請求設(shè)置以及回調(diào)函數(shù)等信息，參數(shù)以key/value的形式存在，所有的參數(shù)都是可選的。常用參數(shù)見下表：

1.url

要求為String類型的參數(shù)，（默認為當(dāng)前地址）發(fā)送請求的頁面。

2.type

要求為String類型的參數(shù)，請求方式（post或get）默認為get。注意其他http請求方法，例如put和delete也可以使用，但僅部分瀏覽器支持。

3.timeout

要求為Number類型的參數(shù)，設(shè)置請求超時時間（毫秒）。此設(shè)置將覆蓋$.ajaxSetup()方法的全局設(shè)置。

4.async

要求為Boolean類型的參數(shù)，默認設(shè)置為true，所有請求均為異步請求。如果需要同步請求，請將此選項設(shè)置為false。注意，同步請求將鎖住瀏覽器，用戶其他操作必須等待請求完成才可以執(zhí)行。

5.cache

要求為Boolean類型的參數(shù)，默認為true（當(dāng)dataType為Script時，默認為false），設(shè)置false將不會從瀏覽器緩存中加載請求信息。

6.data

要求為Object或String類型的參數(shù)，發(fā)送到服務(wù)器的數(shù)據(jù)。如果不是字符串，將自動轉(zhuǎn)換為字符串格式。get請求中將附加在URL后。防止這種自動轉(zhuǎn)換，可以查看　　processData選項。對象必須為key/value格式，例如{foo1:"bar1",foo2:"bar2"}轉(zhuǎn)換為&foo1=bar1&foo2=bar2。如果是數(shù)組，JQuery將自動為不同值對應(yīng)同一個名稱。例如{foo:["bar1","bar2"]}轉(zhuǎn)換為&foo=bar1&foo=bar2。

7.dataType

要求為String類型的參數(shù)，預(yù)期服務(wù)器返回的數(shù)據(jù)類型。如果不指定，jQuery將自動根據(jù)HTTP包的mine信息返回responseXML或responseText，并作為回調(diào)函數(shù)參數(shù)傳遞。可用的類型如下：

　　xml：返回XML文檔，可用jQuery處理。

　　html：返回純文本HTML信息；包含的script標(biāo)簽會在插入DOM時執(zhí)行。

　　script：返回純文本javascript代碼。不會自動緩存結(jié)果，除非設(shè)置了cache參數(shù)。注意在遠程請求時（不在同一個域下），所有post請求都將轉(zhuǎn)為get請求。

　　json：返回JSON數(shù)據(jù)。

　　jsonp:JSON格式。使用JSONP形式調(diào)用函數(shù)時，例如myurl?callback=?，JQuery將自動替換后一個“?”為正確的函數(shù)名，以執(zhí)行回調(diào)函數(shù)。