jQuery封裝ajax的方法

2021-10-05 18:56:04 字數 2266 閱讀 6353

最近在逆戰班學習了jquery,這裡學一些jquery封裝ajax的方法,jquery封裝ajax原理和原生js是一樣的,只是用的是封裝好的方法,具體有三種方式。

1, $.get()方法

從字面意義就可以看出是get請求方法

有4個引數,必填引數是 url位址 其他引數都是選填引數,可以沒有

引數的形式是物件形式

. ge

t(ur

l:位址

(必填)

data

:攜帶的

引數引數

是以物件

形式的語

法傳遞d

atat

ype:

期望的數

據型別,

如果為j

son,

會將後端

返回的j

son串

,自動解

析suc

cess

:fun

ctio

n()請

求成功時

執行的函

數)

2..get( 請求成功時執行的函式 }) 2.

.get(u

rl:地

址(必填

)dat

a:攜帶

的引數參

數是以對

象形式的

語法傳遞

data

type

:期望的

資料型別

,如果為

json

,會將後

端返回的

json

串,自動

解析su

cces

s:fu

ncti

on()

請求成功

時執行的

函式)2

..post()方法

這個方法就是專門針對post請求,除了方法名稱改變其他都與get相同

從字面意義就可以看出是get請求方法

有4個引數,必填引數是 url位址 其他引數都是選填引數,可以沒有

引數的形式是物件形式

. ge

t(ur

l:位址

(必填)

data

:攜帶的

引數引數

是以物件

形式的語

法傳遞d

atat

ype:

期望的數

據型別,

如果為j

son,

會將後端

返回的j

son串

,自動解

析suc

cess

:fun

ctio

n()請

求成功時

執行的函

數)

3..get( 請求成功時執行的函式 }) 3.

.get(u

rl:地

址(必填

)dat

a:攜帶

的引數參

數是以對

象形式的

語法傳遞

data

type

:期望的

資料型別

,如果為

json

,會將後

端返回的

json

串,自動

解析su

cces

s:fu

ncti

on()

請求成功

時執行的

函式)3

..ajax()方法

此方法就是將get與post方法結合了,並且有很多引數,有些常用,有些不常用

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

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

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

不常用:

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

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

請求成功時不會執行

timeout : 設定時間,單位 毫秒

如果請求時間超過設定的時間,認為是請求失敗

必須是非同步執行

cache : 設定是否快取請求結果

預設值是 true,快取請求結果

必須是get方式,這個設定才起作用

post方式不會快取,設定也沒有效果

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

})

jQuery封裝ajax的方法

引數有4個,必填引數是url位址,其他引數都是選填引數,可以沒有,引數的形式是物件形式。get 引數有4個,必填引數是url位址,其他引數都是選填引數,可以沒有,引數的形式是物件形式。post 請求成功時執行的函式 有n個引數,預設請求方式是 get 方式 ajax 傳參引數,必須是物件形式,dat...

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,會將後端...