jQuery中Ajax $.ajax等

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代碼。

相關文章
相關標籤/搜索