jquery中ajax請求的使用和四個步驟示例
阿新 • • 發佈：2020-09-14
ajax() 方法用於執行 AJAX（非同步 HTTP）請求，所有的 jQuery AJAX 方法都使用 ajax() 方法，該方法通常用於其他方法不能完成的請求。
下面是通常使用的示例：
$.ajax({ type:'POST', // 規定請求的型別（GET 或 POST） url:uploadV, // 請求的url地址 dataType:'json', //預期的伺服器響應的資料型別 data:{},//規定要傳送到伺服器的資料 beforeSend:function(){ //傳送請求前執行的函式（傳送之前就會進入這個函式） // .... }, success: function(result){ // 當請求成功時執行的函式 //... }, error:function(result){ //失敗的函式 //... }, complete:function(){ //請求完成時執行的函式（在請求成功或失敗之後均呼叫，即在 success 和 error 函式之後，不管成功還是失敗 都會進這個函式） // ... }});
如果還需要其他引數，參考下面列舉的一下其他的可以用到的名稱和值：
| 名稱 | 值/描述 |
|---|---|
| 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 物件的函式。 |