jQuery 封裝 ajax 的使用方法

2021-10-05 18:56:03 字數 1207 閱讀 3251

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

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

})

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

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

})

引數有多個引數

常規get,post請求(不是跨域),常用引數

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

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

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

不常用:

async : 設定是否非同步,預設值是true,非同步執行ajax請求,實際專案中都是非同步執行

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

請求成功時不會執行

timeout : 設定時間,單位 毫秒

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

必須是非同步執行

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

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

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

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

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

})

1, **方式

必須是高版本的jquery

設定好 伺服器**

定義好請求方式

get方式引數設定在url位址中

post方式引數設定在 data中

2, jsonp方式

支援 jsonp方式,完成跨域請求

封裝的ajax

url : 位址是乙個跨域位址

datatype : 必須是 jsonp

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

php中:

echo 的內容是字串拼接形式

echo $函式名稱變數( json_encode($返回資料) );

函式名稱 儲存在變數中,使用 " " 雙引號解析

返回的資料,必須是 json串格式 , 使用 json_encode() 轉化,拼接在 函式的引數位置中

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