AJAX 是 Asynchronous JavaScript and XML的縮寫,顧名思義,是一種非同步請求的技術。
這裡要談的是怎麼樣在cline端中利用jQuery來使用ajax傳送資料到後台。
我們先來看一個例子:
$.ajax({
url: "ajax.aspx", // 這是指要接收指令的後台網頁
type: "POST", // 傳送的方式
data: parameter, // 傳送的資料內容
dataType: "json",
error: function (xhr) {
//錯誤時的動作
},
success: function (res, stu) { //res是回傳的資料
//成功時的作動
},
complete: function (res) {
//無論請求成功或有錯誤,只要ajax本身執行完成就執行的動作
}
});
參數名 | 類型 | 描述 |
url | String | 接收指令的後台網頁。 |
type | String | 請求方式為 "GET"。(GET、POST)。 |
timeout | Number | 逾時設定,單位為毫秒。 |
async | Boolean | 同步開關,預設值為TRUE。 |
beforeSend | Function | 發送請求前可修改 XMLHttpRequest 對象的函數。 |
cache | Boolean | 快取設定 jQuery 1.2 新功能,預設值為TRUE。 |
complete | Function | 完成時執行的程式碼。 |
contentType | String | 發送到後台的編碼類型,預設值application/x-www-form-urlencoded,使用預設值即可。 |
data | Object, String |
傳送到後台的資料 |
dataType | String |
預期回傳的資料型別。預設值為自動判別responseXML或是responseText 其它選項xml、html、script、json、jsonp |
error | Function | 請求失敗時執行的程式 |
global | Boolean | 是否觸發全域 AJAX 事件,預設值為TRUE。 |
success | Function | 請求成功時執行的程式 |
這樣一來就很明白了吧:)
只要在對應的區塊中執行想要的動作,就可以在不重載頁面的情況下更新網頁內容,這正是ajax的目標!