jQuery AJAX 函數

  • 上一頁
  • 下一頁

jQuery 擁有供 AJAX 開發的豐富函數(方法)庫。

jQuery AJAX 實例

請點擊下面的按鈕,就可以通過 AJAX 來改變這段文本

親自試一試

上面的例子摘自我們的 AJAX 教程,但使用 jQuery 進行了修改。

什么是 AJAX?

AJAX = Asynchronous JavaScript and XML.

AJAX 是一種創建快速動態網頁的技術。

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

您可以在我們的 AJAX 教程 中學習更多有關 AJAX 的知識。

AJAX 和 jQuery

jQuery 提供了用于 AJAX 開發的豐富函數(方法)庫。

通過 jQuery AJAX,使用 HTTP Get 和 HTTP Post,您都可以從遠程服務器請求 TXT、HTML、XML 或 JSON。

而且您可以直接把遠程數據載入網頁的被選 HTML 元素中!

寫的更少,做的更多

jQuery 的 load 函數是一種簡單的(但很強大的)AJAX 函數。它的語法如下:

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

請使用 selector 來定義要改變的 HTML 元素,使用 url 參數來指定數據的 web 地址。

親自試一試

只有當您希望向服務器發送數據時,才需要使用 data 參數。只有當您需要在執行完畢之后觸發一個函數時,您才需要使用 callback 參數。

Low Level AJAX

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

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

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

親自試一試

jQuery AJAX 請求

請求 描述
$(selector).load(url,data,callback) 把遠程數據加載到被選的元素中
$.ajax(options) 把遠程數據加載到 XMLHttpRequest 對象中
$.get(url,data,callback,type) 使用 HTTP GET 來加載遠程數據
$.post(url,data,callback,type) 使用 HTTP POST 來加載遠程數據
$.getJSON(url,data,callback) 使用 HTTP GET 來加載遠程 JSON 數據
$.getScript(url,callback) 加載并執行遠程的 JavaScript 文件

(url) 被加載的數據的 URL(地址)

(data) 發送到服務器的數據的鍵/值對象

(callback) 當數據被加載時,所執行的函數

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

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

參考手冊

如需更多有關 jQuery AJAX 函數的信息,請訪問我們的 jQuery AJAX 參考手冊

  • 上一頁
  • 下一頁