封裝ajax請求

封裝ajax請求

+ 把get請求和post請求封裝成乙個函式

+ 我們需要傳送請求的時候直接低啊用
+ 因為get和post請求引數是不一樣的
-->封裝成兩個函式
-->乙個叫做getsend()
-->乙個叫做postsend() 
1 寫一遍完整流程
2 把步驟封裝起來就可以了

function

getsend
(url,cb)
// };
// 1 建立ajax物件
// 2 配置請求資訊
xhr.
open
('get'
,url)
;// 3 接收響應
xhr.
onload
=function()
// 4 傳送請求
xhr.
send()
}function
postsend
(url,cb,params)
;// var params = 'a=100&b=200';
// 1 建立ajax物件
;// 2 配置請求資訊
xhr.
open
('post'
,url)
;// 3 接收響應
xhr.
onload
=function()
// 4-0 設定請求頭
xhr.
setrequestheader
('content-type',)
;// 4-1 傳送請求
xhr.
send
(params)
}getsend
('./ajax.php?a=100&b=200'
,function
(data)})
postsend
('./ajax.php'
,function
(data)
,'a=100&b=200'
)

const request =

async param =>
= param
return
newpromise
((resolve, reject)
=>?$
` data =
null}}
if(method ===
'post') 
xhr.
onreadystatechange((
)=>
else}}
) xhr.
send
(data)})
}function
querystring
(data)
return str.
slice(0
,-1)
}// 補充 
// slice() 方法提取某個字串的一部分，並返回乙個新的字串，且不會改動原字串。
str.
slice
(beginindex[
, endindex]
)slice
() 提取的新字串包括beginindex但不包括 endindex。下面有兩個例子。
例 1：str.
slice(1
,4) 提取第二個字元到第四個字元（被提取字元的索引值（index）依次為 1、2，和 3）。
例 2：str.
slice(2
,-1) 提取第三個字元到倒數第乙個字元。

ajax請求封裝

對封裝好的ajax請求進行呼叫 ajax 請求引數 datatype json 返回值型別的設定 async false,是否非同步 success function response,xml fail function status function ajax options 預設為get請求 o...

promise axios封裝ajax請求的函式

1.axios.js檔案 ajax請求函式模組,返回值 promise物件 非同步返回的資料是 response.data import axios from axios export default function ajax url,data type get if datastr 傳送get請...

原生ajax封裝請求

封裝ajax function ajax obj else 2.開啟請求 第乙個引數表示請求方式,值為get post,是字串 第二個引數表示請求的位址 第三個引數是布林值,預設是true表示非同步,false表示同步 xhr.open obj.type,obj.url,obj.async 3.判斷...