1. $.ajax()方法html
參數對象屬性以下:ajax
參數名json |
類型數組 |
描述瀏覽器 |
url緩存 |
String服務器 |
(默認: 當前頁地址) 發送請求的地址。app |
type異步 |
Stringasync |
(默認: "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 } |
應用實例以下:
1 $(document).ready(function(){ 2 $("#Access").click(function(){ 3 var xmlReq = $.ajax({ 4 type:'GET', 5 url:'http://www.baidu.com', 6 success:function(reqContent) 7 { 8 $("#browser").html(reqContent); 9 $("#content").text(reqContent); 10 }}); 11 $("#browser").html("<h1>正在打開百度搜索</h1>"); 12 }); 13 });
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代碼。