前端後臺交互$.ajax() $.post() $.get()的使用

最近在做一個與後臺交互這塊功能的項目:在網上看資料大概用的這幾種比較多:
.ajax .ajax({name:value, name:value, … })
其中參數好多:
sync 布爾值,表示請求是否異步處理。默認是 true。
beforeSend(xhr) 發送請求前運行的函數。
cache 布爾值,表示瀏覽器是否緩存被請求頁面。默認是 true。
complete(xhr,status) 請求完成時運行的函數(在請求成功或失敗之後均調用,即在 success 和 error 函數之後)。
contentType 發送數據到服務器時所使用的內容類型。默認是:”application/x-www-form-urlencoded”。
context 爲所有 AJAX 相關的回調函數規定 “this” 值。
data 規定要發送到服務器的數據。
dataFilter(data,type) 用於處理 XMLHttpRequest 原始響應數據的函數。
dataType 預期的服務器響應的數據類型。
error(xhr,status,error) 如果請求失敗要運行的函數。
global 布爾值,規定是否爲請求觸發全局 AJAX 事件處理程序。默認是 true。
ifModified 布爾值,規定是否僅在最後一次請求以來響應發生改變時才請求成功。默認是 false。
jsonp 在一個 jsonp 中重寫回調函數的字符串。
jsonpCallback 在一個 jsonp 中規定回調函數的名稱。
password 規定在 HTTP 訪問認證請求中使用的密碼。
processData 布爾值,規定通過請求發送的數據是否轉換爲查詢字符串。默認是 true。
scriptCharset 規定請求的字符集。
success(result,status,xhr) 當請求成功時運行的函數。
timeout 設置本地的請求超時時間(以毫秒計)。
traditional 布爾值,規定是否使用參數序列化的傳統樣式。
type 規定請求的類型(GET 或 POST)。
url 規定發送請求的 URL。默認是當前頁面。
username 規定在 HTTP 訪問認證請求中使用的用戶名。
xhr 用於創建 XMLHttpRequest 對象的函數。

但是一般通用的幾個例子:
$.ajax({
url: ‘doc.xml’,
type: ‘GET’,
dataType: ‘xml’,
timeout: 1000,
error: function(){
alert(‘Error loading XML document’);
},
success: function(xml){
alert(xml);
//此處xml就是XML的jQuery對象了,你可以用find()、next()或XPath等方法在裏面尋找節點,
和用jQuery操作HTML對象沒有區別
}
});


.post() (selector).post(URL,data,function(data,status,xhr),dataType)

參數:URL 必需。規定將請求發送到哪個 URL。
data 可選。規定連同請求發送到服務器的數據。
function(data,status,xhr) 可選。規定當請求成功時運行的函數。
額外的參數:

               data - 包含來自請求的結果數據
               status - 包含請求的狀態("success"、"notmodified"、"error"、"timeout"、"parsererror")
               xhr - 包含 XMLHttpRequest 對象

              dataType  可選。規定預期的服務器響應的數據類型。
              默認地,jQuery 會智能判斷。
              可能的類型:

              "xml" - 一個 XML 文檔
              "html" - HTML 作爲純文本
              "text" - 純文本字符串
              "script" - 以 JavaScript 運行響應,並以純文本返回
              "json" - 以 JSON 運行響應,並以 JavaScript 對象返回
              "jsonp" - 使用 JSONP 加載一個 JSON 塊,將添加一個 "?callback=?" 到 URL 來規定回調

例子:.post("data.php", (“#firstName.val()”),function(data){

$(“#postResponse”).html(data.name);

},”json”//設置了獲取數據的類型,所以得到的數據格式爲json類型的

);

.get() .get(URL,data,function(data,status,xhr),dataType)
參數跟上面的.post() .get("data.php",$(“#firstName.val()”),function(data){

$(“#getResponse”).html(data); }//返回的data是字符串類型

);

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章