jQuery AJAX 函數(shù)

jQuery AJAX 實(shí)例

親自試一試

上面的例子摘自我們的 AJAX 教程，但使用 jQuery 進(jìn)行了修改。

什么是 AJAX？

AJAX = Asynchronous JavaScript and XML.

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

AJAX 通過(guò)在后臺(tái)與服務(wù)器交換少量數(shù)據(jù)的方式，允許網(wǎng)頁(yè)進(jìn)行異步更新。這意味著有可能在不重載整個(gè)頁(yè)面的情況下，對(duì)網(wǎng)頁(yè)的一部分進(jìn)行更新。

您可以在我們的 AJAX 教程 中學(xué)習(xí)更多有關(guān) AJAX 的知識(shí)。

AJAX 和 jQuery

jQuery 提供了用于 AJAX 開(kāi)發(fā)的豐富函數(shù)（方法）庫(kù)。

通過(guò) jQuery AJAX，使用 HTTP Get 和 HTTP Post，您都可以從遠(yuǎn)程服務(wù)器請(qǐng)求 TXT、HTML、XML 或 JSON。

而且您可以直接把遠(yuǎn)程數(shù)據(jù)載入網(wǎng)頁(yè)的被選 HTML 元素中！

寫(xiě)的更少，做的更多

jQuery 的 load 函數(shù)是一種簡(jiǎn)單的（但很強(qiáng)大的）AJAX 函數(shù)。它的語(yǔ)法如下：

$(selector).load(url,data,callback)

請(qǐng)使用 selector 來(lái)定義要改變的 HTML 元素，使用 url 參數(shù)來(lái)指定數(shù)據(jù)的 web 地址。

親自試一試

只有當(dāng)您希望向服務(wù)器發(fā)送數(shù)據(jù)時(shí)，才需要使用 data 參數(shù)。只有當(dāng)您需要在執(zhí)行完畢之后觸發(fā)一個(gè)函數(shù)時(shí)，您才需要使用 callback 參數(shù)。

Low Level AJAX

$.ajax(options) 是低層級(jí) AJAX 函數(shù)的語(yǔ)法。

$.ajax 提供了比高層級(jí)函數(shù)更多的功能，但是同時(shí)也更難使用。

option 參數(shù)設(shè)置的是 name|value 對(duì)，定義 url 數(shù)據(jù)、密碼、數(shù)據(jù)類(lèi)型、過(guò)濾器、字符集、超時(shí)以及錯(cuò)誤函數(shù)。

親自試一試

jQuery AJAX 請(qǐng)求

(url) 被加載的數(shù)據(jù)的 URL（地址）

(data) 發(fā)送到服務(wù)器的數(shù)據(jù)的鍵/值對(duì)象

(callback) 當(dāng)數(shù)據(jù)被加載時(shí)，所執(zhí)行的函數(shù)

(type) 被返回的數(shù)據(jù)的類(lèi)型 (html,xml,json,jasonp,script,text)

(options) 完整 AJAX 請(qǐng)求的所有鍵/值對(duì)選項(xiàng)

參考手冊(cè)

如需更多有關(guān) jQuery AJAX 函數(shù)的信息，請(qǐng)?jiān)L問(wèn)我們的 jQuery AJAX 參考手冊(cè)。