jquery中ajax請求的使用和四個步驟示例


一、什么是ajax,什么是ajax()
1、ajax概念
AJAX = Asynchronous JavaScript and XML(異步的 JavaScript 和 XML)。
AJAX 不是新的編程語言,而是一種使用現有標准的新方法。
AJAX 是與服務器交換數據並更新部分網頁的藝術,在不重新加載整個頁面的情況下。
2、ajax()介紹
ajax() 方法用於執行 AJAX(異步 HTTP)請求,所有的 jQuery AJAX 方法都使用 ajax() 方法,該方法通常用於其他方法不能完成的請求。
二、ajax()的基本語法
$.ajax({name:value,name:value,name:value })
三、ajax()方法使用示例
$.ajax({
type:'POST', // 規定請求的類型(GET 或 POST)
url:uploadV, // 請求的url地址
dataType:'json', //預期的服務器響應的數據類型
data:{},//規定要發送到服務器的數據
beforeSend:function(){ //發送請求前運行的函數(發送之前就會進入這個函數)
// ....
},
success: function(result){ // 當請求成功時運行的函數
//...
},
error:function(result){ //失敗的函數
//...
},
complete:function(){ //請求完成時運行的函數(在請求成功或失敗之后均調用,即在 success 和 error 函數之后,不管成功還是失敗 都會進這個函數)
// ...
}
});
四、ajax()其他參數介紹
名稱
值/描述
async
布爾值,表示請求是否異步處理。默認是 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 對象的函數。
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM