封装一个原生Ajax请求函数

//封装一个Ajax 发送get post 请求的函数
//method 请求的方式 ，url 请求的地址 ，obj传发送的数据

function Ajax(method, url, obj) {
//1.创建ajax对象
//用promise处理异步
return new Promise(function (resolve,reject) {
let XHR = new XMLHttpRequest();
//处理obj 转换为查询字符串
let data = new URLSearchParams(obj);
//2.设置ajax对象 判断是get 还是post请求 get请求url就做拼接
if (method === “GET”) {
url += ? + data;
}
//如果是POST请求直接走这里
XHR.open(method, url);
//3.发送请求
if (method === “GET”) {
XHR.send();
} else {
XHR.setRequestHeader(“Content-type”,“application/x-www-form-urlencodeen”);
XHR.send(data);
}
//3.接收并处理响应数据
XHR.onreadystatechange = function () {
//判断是否请求成功
if (XHR.readyState === 4 && XHR.status >= 200 && XHR.status < 300) {
//请求成功就返回数据
resolve(XHR.responseText);
}
}
});
}
//处理请求返回的数据 (async ()=>{
//用变量装promise返回的数据
let flag = await Ajax(“GET”,“http://xxxxxxxx”, obj);
// alert(flag);
})();