promise 用法

最新推荐文章于 2023-01-31 21:44:51 发布

ppfxdj

最新推荐文章于 2023-01-31 21:44:51 发布

阅读量88

点赞数

分类专栏：前端文章标签： promise

本文链接：https://blog.csdn.net/ppfxdj/article/details/91531020

版权

前端专栏收录该内容

32 篇文章 1 订阅

订阅专栏

<script>

    Promise.all([
        $.ajax({url:"data/1.json",dataType:"json"}),
        $.ajax({url:"data/2.json",dataType:"json"}),
        $.ajax({url:"data/3.json",dataType:"json"}),
    ]).then((arr)=>{
        // console.log(arr);
        let [data1,data2,data3]=arr;
        console.log(data1, data2, data3)

    })
    // 3个ajax  无逻辑存在all中
    //     Q： 有逻辑存在的场景  第二个ajax需要第一个ajax返回的结果
    //     1ajax ：用户数据  用户状态
    //     2 ajax：普通用户  普通用户商品
    //  3ajax：VIP用户 加载Vip商品
    // async await
</script>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery.min.js"></script>
</head>
<body>
<script>
    // async 函数
    // 在函数前标记关键字 这个一个async函数 作用标注里面含有异步操作
    // 以同步方式书写代码 ：async背后是一套编译内容 执行异步操作 性能高4
    async function show() {
        let data1=await $.ajax({url:"data/1.json",dataType:"json"});
        if(data1.a<3){
            let data2= await $.ajax({url:"data/2.json",dataType:"json"});
            alert('a')
        }else{
            let data3=await $.ajax({url:"data/3.json",dataType:"json"});
            alert('b')
        }


            // console.log(data1, data2, data3)
    }
    show()
    // 一层层增加  遇见一个wait 增加一层回调
    function show1() {
        $.ajax({
            url:"data/1.json",
            dataType:"json",
            success(){
                if (data1.a<3) {
                    let data2= await $.ajax({url:"data/2.json",dataType:"json"});
                    alert('a')
                }else{
                    let data3=await $.ajax({url:"data/3.json",dataType:"json"});
                    alert('b')
                }
            }
        })
    }

    // 遇见了async await
    // 以同步书写代码  异步执行   语法糖
    // 没有给计算机语言提供新的功能 只是对人类来说更加 甜蜜
</script>
</body>
</html>

ppfxdj

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
promise 用法

<script> Promise.all([ $.ajax({url:"data/1.json",dataType:"json"}), $.ajax({url:"data/2.json",dataType:"json"}), $.ajax({url:"data/3.json",dataType:"json"}), ])....
复制链接

扫一扫