javaScript 用Promise封装Ajax请求

懒羊羊h

已于 2023-03-28 19:41:29 修改

阅读量303

点赞数

分类专栏： javaScript promise 文章标签： javascript ajax 前端

于 2023-03-26 21:15:07 首次发布

本文链接：https://blog.csdn.net/m0_58065010/article/details/129784780

版权

javaScript 同时被 2 个专栏收录

61 篇文章 3 订阅

订阅专栏

promise

5 篇文章 0 订阅

订阅专栏

该函数创建了一个用于发送GETAJAX请求的Promise对象。通过XMLHttpRequest对象，设置响应类型为JSON，打开并发送GET请求。当请求完成且状态码在200-300之间时，Promise解析并返回响应数据；否则，Promise被拒绝并返回状态码。

摘要由CSDN通过智能技术生成

//封装一个sendAJAX发送 GET AJAX请求
//参数URL
//返回结果Prommise对象
function sendAJAX(url) {
  return new Promise((resolve, reject) => {
    const xml =new XMLHttpRequest()
    xml.responseType='json'//设置响应类型为json
    xml.open('GET', url) //打开请求
    xml.send() //发送请求
    //处理请求结果
    xml.onreadystatechange = function () {
      if (xml.readState === 4) {
        //请求完成
        if (xml.status >= 200 && xml.status < 300) {
          //请求成功
          resolve(xml.response)//返回响应数据
        } //请求失败
        else {
          reject(xml.status)//返回状态码
        }
      }
    }
  })
}