使用ES6 async awai t进行异步处理

我们往往在项目中会遇到这样的业务需求,就是首先先进行一个ajax请求,然后再进行下一个ajax请求,而下一个请求需要使用上一个请求得到的数据,请求少了还好说,如果多了,就要一层一层的嵌套,就好像有点callback的写法了,那是相当恶心的,下面我就来讲一下如何使用ES6的新特性async await进行异步处理,上一个代码示例图来说明:

使用ES6 async awai t进行异步处理_第1张图片

这是需要异步执行的一段请求代码,我的HandleData请求 需要  HandleHome接口里面数据作为依据,所以需要有个执行顺序,

使用ES6 async awai t进行异步处理_第2张图片

两个请求的调用逻辑如下,

你可能感兴趣的:(es6,前端,vue.js)