用原生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