promise all&race

最新推荐文章于 2022-05-01 19:05:08 发布

Claroja

最新推荐文章于 2022-05-01 19:05:08 发布

阅读量106

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/claroja/article/details/112797328

版权

javascript 专栏收录该内容

54 篇文章 0 订阅

订阅专栏

all:等待所有请求
race:只要有一个请求完成,就结束

  <script type="text/javascript">
    function queryData(url) {
      return new Promise(function(resolve, reject){
        var xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function(){
          if(xhr.readyState != 4) return;
          if(xhr.readyState == 4 && xhr.status == 200) {
            resolve(xhr.responseText);
          }else{
            reject('服务器错误');
          }
        };
        xhr.open('get', url);
        xhr.send(null);
      });
    }

    var p1 = queryData('http://localhost:3000/a1');
    var p2 = queryData('http://localhost:3000/a2');
    var p3 = queryData('http://localhost:3000/a3');
    // Promise.all([p1,p2,p3]).then(function(result){
    //   console.log(result)
    // })
    Promise.race([p1,p2,p3]).then(function(result){
      console.log(result)
    })
  </script>