promise 用法
程序员文章站
2022-07-02 22:56:44
...
<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>
上一篇： Promise 用法
下一篇： promise用法