if你有女上司的话,请一定要elegant写代码,用ES7中的async/await就行!

  <script src="./ajax_link.js"></script>
    <script>
        /* 
            async/await语法
                == es7的语法
                == 把异步代码写的“看起来像”一个同步代码
                    == 代码只是看起来像同步代码
                    == 本质还是异步代码
                == 前提:Promise
                == async:异步
                == await:等待
            语法规范
                1 async关键字必须写在一个函数的前面
                2 await关键字是一个写在异步函数里面的关键字
                    == 你要使用await关键字,那么函数前面必须是async关键字
                3 await关键字后面必须是一个Promise对象
                    + 有了await以后
                    + 我们就可以把本该写在then里面的接收的结果
                    + 在await前面定义一个变量来接收

        */

        //  使用es7的新语法 async/await 实现Ajaxpromise版本的优雅编程 优雅的 elegant 
        // async function fn(){
        //     var data = await getSend('./aa.php'); // 直接等待拿到后端返回的数据 赋值给变量data
        //     console.log(data);
        // }
        // fn();
        // 也可以直接使用函数的自调用    
        (async function () {
            var data = await getSend('./aa.php');
            console.log(data);
            data = JSON.parse(data);
            var res = await getSend('./bb.php?n1=' + data.n1 + '&n2=' + data.n2);
            console.log(res);
            var data = await getSend('./cc.php?n1=' + res);
            console.log(data);
        })();
        //  再试试 POSTSend实现的 优雅的链式编程 
        //  使用函数的自调用
        (async function () {
            var data = await postSend('./aa.php');
            console.log(data);
            var res = JSON.parse(data);
            console.log(res);
            var result = await postSend('./bb.php', 'n1=' + res.n1 + '&n2=' + res.n2);
            console.log(result);
            var data = await postSend('./cc.php', 'n1=' + result);
            console.log(data);
        })();
    </script>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值