es6 ajax 执行顺序,用ES6的新特性 async + await进行ajax的异步操作

在js中我们经常要使用到ajax操作在前台获取到前台的数据,使用一个ajax倒好说,要是使用多个而且是后一个获取前一个的结果才能进行下一个的这种就需要多级嵌套,很是麻烦,下面我就来讲一下如何使用ES6的新特性async await进行异步处理,使上述情况就好像写同步代码一样,首先我们先举个例子:

先写上json文件:

2a3254cc1d76

code.json

2a3254cc1d76

person.json

比如我们两个请求先获取code.json中的code值然后根据code值获取person.json中的对应code的list

2a3254cc1d76

这样写是没有问题的,而且第二步还是简化了如果用后台就是继续嵌套一个ajax,巨丑无比。用async+await的写法非常简便

2a3254cc1d76

代码风格是不是简便了许多,而且异步代码变成了同步代码,下面我稍微讲一下后者写法的代码执行顺序

首先在 function 前面加 async 用来说明这个函数是一个异步函数,当然,async是要和await配合使用的,第一个请求

let code = await getCode();

await 意思是等一下,等着getCode()这个函数执行完毕,得到值后再赋值给code,然后再用code的值进行下一步操作,就是这么简单!!!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值