如何用 js 优雅的在前端实现循环多次向后端的 ajax 请求，且这些 ajax 是按顺序发起的

[abcbuzhiming]

我现在有个这样的需求，前端页面要循环向服务器发起请求，一个请求结束后再发起下一次，直到循环条件结束。为的是缩短服务器每次处理数据时间，并及时的让客户端逐步看到处理结果，以前用 jquery 做，无非就两个方案： 1.aysnc 改成 false 变成同步请求， 2.递归调用，非常丑陋。现在弃用了 jquery ，用的 axios,这个库没法进行同步请求。那该怎么办，只有递归一条路了吗？

[zhouyg]

不用库就可以有优雅的写法：
[promiseFn1, promiseFn2,promiseFn3].reduce((promise, fn)=>{
return promise.then(fn);
},promiseFn0() );

[coldsnap]

```
function each (promises, cb) {
return promises.reduce((promise, task, i) => {
return promise.then(_ => task).then(_ => cb(_, i))
}, Promise.resolve())
}
```

用法和 bluebird 的 each 一样。
ref: http://bluebirdjs.com/docs/api/promise.each.html

[dangyuluo]

感觉 websocket 才是正解。

[ryanzyy]

若愿意使用 ES6:
https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Promise
https://babeljs.io/

若只用 ES5:
https://github.com/tildeio/rsvp.js/

总之是使用 Promise

Promise 已经成为规范了