怎么控制ajax执行先后顺序,如何保证ajax按你想要的顺序执行

如何保证ajax按你想要的顺序执行

前端的蓬勃发展和要求越来越高的用户体验，使得现在的web页面越来越依赖ajax，无处不在的ajax，无处不在的回调，使得你的代码越写越丑，还容易陷入回调地狱，比如这样：

$.get('/test', function() {

// do something

$.get('/test2', function() {

// do something

$.get('/test3', function() {

// do something

$.get('/test4', function() {

// do something

$.get('/test5', function() {

})

})

})

})

});

今天我们的主题是谈谈多个ajax(当然不仅仅是ajax，包括所有的异步操作)的情况，如何能保证预期的执行顺序。

案例：ajax2 返回的结果需要去匹配ajax1中返回的结果

ajax1返回了如下数据：

{

'10001': '成都',

'10002': '德阳',

...

}

ajax2返回了如下数据：

1

2

3

{

city