jQuery 封裝 ajax 的使用方法

jquery封裝ajax主要適用於兩種，一種是非跨域，一種是跨域。

先來說一下非跨域的基本封裝：

非跨域的封裝分為兩種，一種是需要區分請求方法，一種綜合請求方法，即get和post請求方法都可以使用。需要區分的有兩個方法：.ge

t()和

.get()和

.get()

和.post()方法。：

$.get()方法：

$.get( 請求成功時執行的函式

})$.post()方法：

$.post( 請求成功時執行的函式

})綜合請求方式：$.ajax()

$.ajax( 傳參引數,必須是物件形式,

datatype : json, 設定為json,會自動解析反應提中的json串,

success : function(){} 請求成功執行的函式,

async : 設定是否非同步,預設值是true,非同步執行ajax請求,

error : function(){} 請求錯誤時執行的函式,

timeout : 設定時間,單位 毫秒,（ 如果請求時間超過設定的時間,認為是請求失敗，必須是非同步執行）,

cache : 設定是否快取請求結果，預設值是 true,快取請求結果，必須是get方式,這個設定才起作用,

context : 指定 執行函式中 this的指向

})跨域：

1, **方式

必須是高版本的jquery

設定好 伺服器**
定義好請求方式
get方式引數設定在url位址中
post方式引數設定在 data中
2, jsonp方式
支援 jsonp方式,完成跨域請求
先定義乙個函式
在php中 輸出字串,字串內容是呼叫函式,並且定義引數 echo '函式名稱(資料引數)'
在js當中,就等於是 執行這個函式

url : 位址是乙個跨域位址

datatype : 必須是 jsonp
jsonp : 設定函式名稱,預設是callback

Ajax原理及JQuery封裝的使用

建立xmlhttprequest物件var xhr new xmlhttprequest 設定請求報文 1.設定請求行 引數1為請求方式,引數2為請求位址 get方式 xhr.open get 01.php?name zs age 18 需要將傳送的資料拼接在位址後面 post方式 xhr.open...

jQuery 封裝 ajax 的使用方法

1，get請求方式 get 方法 get datatype json succsee function res url 請求的後台程式位址 data 傳送到後台的資料，物件格式 datatype 返回資料的型別，預設為string，如果為json,會自動解析後端返回的json串 succsee 請求...

jQuery 封裝 ajax 的使用方法

jquery封裝ajax請求有三種方式 一 get請求方式 get datatype 期望的資料型別,如果為json,會將後端返回的json串,自動解析,success function 請求成功時執行的函式 二 post請求方式 post datatype 期望的資料型別,如果為json,會將後端...