原生Ajax封装axios

前端程序媛Ying

已于 2023-03-27 12:14:18 修改

阅读量52

点赞数

分类专栏： web前端文章标签： ajax javascript 前端 typescript Powered by 金山文档

于 2023-03-27 11:19:44 首次发布

本文链接：https://blog.csdn.net/m0_62323730/article/details/129791612

版权

web前端专栏收录该内容

55 篇文章 0 订阅

订阅专栏

export const axios = {
  get<T> (url: string): Promise<T>{
    return new Promise((resolve) => {

      const xhr = new XMLHttpRequest()
      xhr.open('Get', url)

      xhr.onreadystatechange = () => {
        // 判断服务器状态 readystate存有xmlhttprequest的状态，4 代表响应内容解析完成，可以在客户端调用了, status=200代表ok, 404代表未找到页面
        if (xhr.readyState == 4 && xhr.status == 200) {
        // 模拟获取过程等待
          setTimeout(() => {
            resolve(JSON.parse(xhr.responseText))
          }, 2000)
        }
      }
      xhr.send(null)
    })
  }
}