zoukankan      html  css  js  c++  java
  • 小程序自定义promise封装request请求(连接超时)

    之前由于项目比较赶  所有草草的封装了一下请求  并没有超时这类的操作;最近闲下来了,所以就补上了;
     
      第一次自己写,难免的,然后把,偶遇了一下promise.race();
    PS::::
    官解———————————————————————————————————————————————————————————————————————————————————————>

    race 函数返回一个 Promise,它将与第一个传递的 promise 相同的完成方式被完成。它可以是完成( resolves),也可以是失败(rejects),这要取决于第一个完成的方式是两个中的哪个。                   

    如果传的迭代是空的,则返回的 promise 将永远等待。

    如果迭代包含一个或多个非承诺值和/或已解决/拒绝的承诺,则 Promise.race 将解析为迭代中找到的第一个值。

    ——————————————————————————————————————————————————————————————————————————————————————————
    ::::
    我的理解===>
        _________
     
          就是说这个promise.race([A,B])    是异步操作,  同时进行的,  就行两个人比赛吃饭;谁先吃完  抛出谁的成绩;另一个停止;
                  __________
     
    看到这么心情那个舒畅啊;
     
      ————————
        然而,不知道我理解错误还是怎么回事,事实并不是如此,我同时执行两个promise请求,依然是不会阻止进程慢的那个;同样由于时间问题没有深究,搞了一个计时器.....
          额,异曲同工吧....反正效果达到了....有时间再去深入;
           ————————
     
    /**
    * 加载超时后显示网络错误提示
    * 当前设置为 等待3秒,若超时后仍未返回请求结果,弹窗提示网络错误
    */
    var timer = undefined;
    function reqPromise(reqUrl, reqData, reqType) {
    return Promise.race([
    new Promise(function (resolve, reject) {
    timer = setTimeout(() => {
    reject(showError("网络连接超时"));
    }, 3000)
    }),post(reqUrl, reqData, reqType)
    .then(res => {
    timer && clearTimeout(timer);
    return res;
    }).catch(err => {
    timer && clearTimeout(timer);
    return Promise.reject(err);
    })
    ])
    }
    /**
    * 弹窗提示网络错误
    */
    function showError() {
     wx.showModal({
     title: '连接超时',
     content: '请检查网络连接',
     showCancel: false,
    })
    }
  • 相关阅读:
    InfoPath开发误区
    error: 80040111
    EasyUi通过POI 实现导出xls表格功能
    webservice入门
    CXF框架入门(重点)
    Spring整合Shiro
    EasyUi通过OCUpload上传及POI上传 实现导入xls表格功能
    Matlab自定义安装
    一位大学教师对学生的建议:如何做好研究
    What is covariate(协变量)
  • 原文地址:https://www.cnblogs.com/lipuqing180906/p/10214028.html
Copyright © 2011-2022 走看看