用原生js封裝get方法


get方法的封裝

首先我們看一下用原生js來發送請求的步驟:

1.創建請求對象

.var xhr=new XMLHttpRequest();

2.創建open方法確認請求方式和地址

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

3.監聽事件完成

3.xhr.readystatechange(){

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

//readYstate: readyState:存有 XMLHttpRequest 的狀態。從 0 到 4 發生變化;

//status:響應的HTTP狀態碼;

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

}

}

4.發送請求

.xhr.send();

有一段代碼多個地方要用就封裝成函數
不能寫死的數據當參數傳遞

 

哪里要用的話直接調用傳入參數就可以了,不過會存在變量名污染問題,

我們這要把它的參數寫成對象就可以解決了,如下圖

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

 


 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM