ES6异步请求并行操作

最新推荐文章于 2022-08-17 16:21:16 发布

真的137

最新推荐文章于 2022-08-17 16:21:16 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/weixin_38601104/article/details/88410527

本文介绍ES6中Promise.all方法的使用，通过并行处理多个异步请求，提高前端应用的效率。当所有请求成功时按顺序返回结果，任一请求失败则进入失败处理流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 在ES6中可以将多个Promise.all异步请求并行操作：
// 1、当所有结果成功返回时按照请求顺序返回成功;
// 2、当其中有一个失败方法时，则进入失败方法;
let promiseUtil = (url)=>{
    return new Promise(function (resolve,reject) {
        $.ajax({
            "type": "get",
            "url": url,
            "async": "true",
            "success": function(res) {
                resolve(res);
            },
            "error": function(err){
                reject(err);
            }
        })
    })
    .then( data => data)
    .catch(e => e);
 }
 // 使用Promise.all发送请求
 // 如果中间有一个失败，则进入失败方法
 Promise.all([
     promiseUtil('http://www.baidu.com'),
     promiseUtil('http://www.g.cn'),
 ]).then((data)=>{
     // 执行成功
     console.log('请求成功:');
     let [ data1, data2 ] = data;
     console.log(data1, data2);
 }, (error)=>{
     console.log('请求失败：')
     console.log(error);
 })