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


ajax() 方法用於執行 AJAX(異步 HTTP)請求,所有的 jQuery AJAX 方法都使用 ajax() 方法,該方法通常用於其他方法不能完成的請求。

基本的語法是:

$.ajax({name:value, name:value, … })

下面是通常使用的示例:

$.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 對象的函數。


免責聲明!

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



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