封装fetch请求失败和超时再次请求

转:

封装fetch请求失败和超时再次请求

function _fetch(fetch_promise, timeout) {

  var abort_fn = null;

  //这是一个可以被reject的promise
  var abort_promise = new Promise(function(resolve, reject) {
         abort_fn = function() {
            reject('abort promise');
         };
  });

  //这里使用Promise.race,以最快 resolve 或 reject 的结果来传入后续绑定的回调
   var abortable_promise = Promise.race([
         fetch_promise,
         abort_promise
   ]);

   setTimeout(function() {
         abort_fn();
    }, timeout);

   return abortable_promise;

}

//usage:
_fetch(fetch('//a.com/b/c'), 2000)

.then(function(res) {
    console.log(res)
}, function(err) {
    console.log(err);
})

转:

封装fetch请求失败和超时再次请求

上一篇:关于 Ant框架中 <a-upload> beforeUpload 获取图片的宽高以及返回false 还能上传的问题


下一篇:es6Promise的使用