【jQuery 教程】jQuery AJAX 函數

什麼是 AJAX？

AJAX = Asynchronous JavaScript and XML.

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

AJAX 通過在後台與伺服器交換少量資料的方式，允許網頁進行非同步更新。這意味著有可能在不重載整個頁面的情況下，對網頁的一部分進行更新。

AJAX 和 jQuery

jQuery 提供了用於 AJAX 開發的豐富函數（方法）庫。

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

而且您可以直接把遠端資料載入網頁的被選 HTML 元素中！

jQuery 的 load 函數

jQuery 的 load 函數是一種簡單的（但很強大的）AJAX 函數。它的文法如下：

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

請使用 selector 來定義要改變的 HTML 元素，使用 url 參數來指定資料的 網址。

只有當您希望向伺服器發送資料時，才需要使用 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 請求的所有鍵/值對選項