當前位置:
首頁 >
用原生js封装get方法
發布時間:2023/11/29
42
豆豆
生活随笔
收集整理的這篇文章主要介紹了
用原生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();
有一段代碼多個地方要用就封裝成函數 不能寫死的數據當參數傳遞?
哪里要用的話直接調用傳入參數就可以了,不過會存在變量名污染問題,
我們這要把它的參數寫成對象就可以解決了,如下圖
不知道怎么寫了,就這樣了=-=!
?
?
?
轉載于:https://www.cnblogs.com/lrm-bk/p/11161549.html
總結
以上是生活随笔為你收集整理的用原生js封装get方法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 做梦梦到打雷闪电是什么意思
- 下一篇: NeuCF源码中用到的模块(函数)