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 參考手冊。