jQuery 中的 Ajax $.ajax() load() $.get() $.post() $.getJSON() $.getScript()

1. $.ajax()方法

參數對象屬性如下：

參數名	類型	描述
url	String	(默認: 當前頁地址) 發送請求的地址。
type	String	(默認: "GET") 請求方式 ("POST" 或 "GET")， 默認為 "GET"。注意：其它 HTTP 請求方法，如 PUT 和 DELETE 也可以使用，但僅部分瀏覽器支持。
timeout	Number	設置請求超時時間（毫秒）。此設置將覆蓋全局設置。
async	Boolean	(默認: true) 默認設置下，所有請求均為異步請求。如果需要發送同步請求，請將此選項設置為 false。注意，同步請求將鎖住瀏覽器，用戶其它操作必須等待請求完成才可以執行。
beforeSend	Function	發送請求前可修改 XMLHttpRequest 對象的函數，如添加自定義 HTTP 頭。XMLHttpRequest 對象是唯一的參數。 function (XMLHttpRequest) { this; // the options for this ajax request }
cache	Boolean	(默認: true) jQuery 1.2 新功能，設置為 false 將不會從瀏覽器緩存中加載請求信息。
complete	Function	請求完成后回調函數 (請求成功或失敗時均調用)。參數： XMLHttpRequest 對象，成功信息字符串。 function (XMLHttpRequest, textStatus) { this; // the options for this ajax request }
contentType	String	(默認: "application/x-www-form-urlencoded") 發送信息至服務器時內容編碼類型。默認值適合大多數應用場合。
data	Object, String	發送到服務器的數據。將自動轉換為請求字符串格式。GET 請求中將附加在 URL 后。查看 processData 選項說明以禁止此自動轉換。必須為 Key/Value 格式。如果為數組，jQuery 將自動為不同值對應同一個名稱。如： {foo:["bar1", "bar2"]}轉換為 '&foo=bar1&foo=bar2'。
dataType	String	預期服務器返回的數據類型。如果不指定，jQuery 將自動根據HTTP 包 MIME 信息返回responseXML 或 responseText，並作為回調函數參數傳遞，可用值： "xml": 返回 XML 文檔，可用 jQuery 處理。 "html": 返回純文本 HTML 信息；包含 script 元素。 "script": 返回純文本 JavaScript 代碼。不會自動緩存結果。 "json": 返回 JSON 數據 。 "jsonp": JSONP 格式。使用 JSONP 形式調用函數時，如 "myurl?callback=?" jQuery 將自動替換 ? 為正確的函數名，以執行回調函數。
error	Function	(默認: 自動判斷 (xml 或 html)) 請求失敗時將調用此方法。這個方法有三個參數：XMLHttpRequest 對象，錯誤信息，（可能）捕獲的錯誤對象。 function (XMLHttpRequest, textStatus, errorThrown) { // 通常情況下textStatus和errorThown只有其中一個有值 this; // the options for this ajax request }
global	Boolean	(默認: true) 是否觸發全局 AJAX 事件。設置為 false 將不會觸發全局 AJAX 事件，如 ajaxStart 或 ajaxStop 。可用於控制不同的Ajax事件
ifModified	Boolean	(默認: false) 僅在服務器數據改變時獲取新數據。使用 HTTP 包 Last-Modified 頭信息判斷。
processData	Boolean	(默認: true) 默認情況下，發送的數據將被轉換為對象(技術上講並非字符串) 以配合默認內容類型 "application/x-www-form-urlencoded"。如果要發送 DOM 樹信息或其它不希望轉換的信息，請設置為 false。
success	Function	請求成功后回調函數。這個方法有兩個參數：服務器返回數據，返回狀態 function (data, textStatus) { // data could be xmlDoc, jsonObj, html, text, etc... this; // the options for this ajax request }

應用實例如下：

$(document).ready(function(){
    $("#Access").click(function(){
        var xmlReq = $.ajax({
                        type:'GET',
                        url:'http://www.baidu.com',
                        success:function(reqContent)
                        {
                            $("#browser").html(reqContent);
                            $("#content").text(reqContent);
                        }});
        $("#browser").html("<h1>正在打開百度搜索</h1>");
    });
});

 2.load()方法

　　格式：load(url [,data] [,callback])

　　功能：遠程載入HTML代碼並直接插入DOM中。該方法是被DOM對象調用，不是jQuery的全局方法。

　　url：請求的頁面路徑

　　data：請求附加的參數，是“鍵/值”對的集合

　　callback：請求完成時執行的回調函數，無論請求執行成功還是失敗都將執行。

3.$.get()方法

　　格式：var xmlReq = $.get(url [,data] [,callback] [,type]);

　　功能：使用GET方式進行異步請求

　　url：異步請求的URL地址

　　data：執行異步請求附加的參數列表。以“鍵/值”對集合的形式作為 QueryString 附加到請求的URL中。

　　callback：回調函數，當響應成功時執行的函數。jQuery自動將請求結果和狀態傳遞給該方法。

　　　　　　　function(data, textStatus){ ...} 其中data是請求結果，可以是html文本、xml文本、text文本、JSON等。textStatus是響應狀態，可能是success等。

　　type：設置返回內容的格式，可選的有xml, html, script, json, jsonp, text等。默認值為html

4.$.post()方法

　　格式：var xmlReq = $.post(url [,data] [,callback] [,type]);

　　功能：與get方法相比，該方法將參數作為消息的實體發送到服務器，對數據無長度上的影響。而get方法中所有的參數信息都將追加到URL后。

5.$.getJSON()方法

　　格式：var xmlReq = $.getJSON(url [,data] [,callback]);

　　功能：通過get方式請求載入JSON數據。

6.$.getScript()方法

　　格式：var xmlReq = $.getScript(url [,callback]);

　　功能：使用get方式載入一個JavaScript文件，並執行該文件的JavaScript代碼。