promise-all+race方法

最新推荐文章于 2024-05-18 17:11:58 发布

-Schuyler

最新推荐文章于 2024-05-18 17:11:58 发布

阅读量76

点赞数 6

文章标签： javascript vue 前端 ajax

本文链接：https://blog.csdn.net/Mr___YangYang/article/details/124495068

版权

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>

<body>
    <script src="./JQuery.js"></script>
    <script>
        Promise.all([
                $.ajax({
                    url: "data.json",
                }),
                $.ajax({
                    url: "data2.json",
                }),
                $.ajax({
                    url: "data3.json",
                }),
            ]).then((res) => {
                // console.log(res);
                let [data, data2, data3] = res;
                //解构数组
                console.log(data, data2, data3);
            }).catch(err => {
                console.log(err);
            })
            //all方法可以并发请求 同时发送多个请求 当所有的请求都成功的时候才会执行then方法 res是一个数组 放的就是请求到的数据

        Promise.race([
            $.ajax({
                url: "data.json",
            }),
            $.ajax({
                url: "data2.json",
            }),
            $.ajax({
                url: "data3.json",
            }),
        ]).then((res) => {
            console.log(res);

        });
        // race方法 也是执行多个请求 谁先请求成功就会执行then方法并且得到请求到的数据
    </script>
</body>

</html>

</html>