用ES6的新特性 async + await进行ajax的异步操作

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

先写上json文件:

code.json


person.json

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


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


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

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

let code = await getCode();

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

你可能感兴趣的:(用ES6的新特性 async + await进行ajax的异步操作)