<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>
if你有女上司的话,请一定要elegant写代码,用ES7中的async/await就行!
最新推荐文章于 2024-05-07 23:11:20 发布