封装一个promise的get请求

封装一个promise的get请求

 function get(url) {//封装的方法
      return new Promise(function (resole, reject) {//返回promise
        let xhr = new XMLHttpRequest();//创建XMLHttpResquest对象
        xhr.onreadystatechange = function(){//监听xhr对象的5个状态
          if(xhr.readyState==4&&xhr.status==200){//要readyState的第四次,同时响应还是正确的
            let res = xhr.responseText//取出响应的数据
           resole(res)
          }else{
            reject('请求发生错误')
          }
        }
        xhr.open('get', url, true);//建立连接
        xhr.send();//发送请求
      })
    }
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是一个封装了 Axios 网络请求的示例代码: ```javascript import axios from 'axios'; const service = axios.create({ baseURL: 'http://localhost:3000', // 接口的基础路径,根据实际情况修改 timeout: 5000, // 请求超时时间 }); // 请求拦截器 service.interceptors.request.use( config => { // 在请求发送之前,可以在这里对请求进行一些处理,比如添加请求头、设置请求数据格式等 return config; }, error => { // 请求错误时,可以在这里进行一些处理,比如提示错误信息等 console.log(error); return Promise.reject(error); } ); // 响应拦截器 service.interceptors.response.use( response => { // 在响应数据返回之前,可以在这里对响应进行一些处理,比如过滤数据、统一处理错误码等 return response.data; }, error => { // 响应错误时,可以在这里进行一些处理,比如提示错误信息等 console.log(error); return Promise.reject(error); } ); export default service; ``` 在上述代码中,我们利用 `axios.create()` 方法创建了一个 Axios 实例,通过对该实例进行配置,我们可以对网络请求进行一些统一处理。比如在请求拦截器中,我们可以对请求进行一些处理,比如添加请求头、设置请求数据格式等;在响应拦截器中,我们可以对响应进行一些处理,比如过滤数据、统一处理错误码等。最后,我们将该实例导出,供其他地方使用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值