get方法的封裝

首先我們看一下用原生js來發(fā)送請(qǐng)求的步驟:

1.創(chuàng)建請(qǐng)求對(duì)象

.var xhr=new XMLHttpRequest();

2.創(chuàng)建open方法確認(rèn)請(qǐng)求方式和地址

xhr.open('get','url')? ?ps(記住get方法有參數(shù)的話在url后面用?符號(hào)連接再加上參數(shù)如:url?num=3,多個(gè)參數(shù)用&符號(hào)連接);

3.監(jiān)聽事件完成

3.xhr.readystatechange(){

if(xhr.readYstate==4&status==200){

//readYstate:?readyState：存有 XMLHttpRequest 的狀態(tài)。從 0 到 4 發(fā)生變化;

//status:響應(yīng)的HTTP狀態(tài)碼;

//打印響應(yīng)體 console.log(xhr.responseText)

}

}

4.發(fā)送請(qǐng)求

.xhr.send();

有一段代碼多個(gè)地方要用就封裝成函數(shù) 不能寫死的數(shù)據(jù)當(dāng)參數(shù)傳遞

?

哪里要用的話直接調(diào)用傳入?yún)?shù)就可以了,不過會(huì)存在變量名污染問題,

我們這要把它的參數(shù)寫成對(duì)象就可以解決了,如下圖

不知道怎么寫了,就這樣了=-=!

?

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/lrm-bk/p/11161549.html

總結(jié)

以上是生活随笔為你收集整理的用原生js封装get方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。