jQuery AJAX 實例

親自試一試

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

什么是 AJAX？

AJAX = Asynchronous JavaScript and XML.

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

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

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

AJAX 和 jQuery

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

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

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

寫的更少，做的更多

jQuery 的 load 函數(shù)是一種簡單的（但很強大的）AJAX 函數(shù)。它的語法如下：

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

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

親自試一試

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

Low Level AJAX

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

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

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

親自試一試

jQuery AJAX 請求

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

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

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

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

(options) 完整 AJAX 請求的所有鍵/值對選項

參考手冊

如需更多有關(guān) jQuery AJAX 函數(shù)的信息，請訪問我們的 jQuery AJAX 參考手冊。