在实际开发中,一定有情况是这样的,一个页面我们有多个地方请求了ajax,在这种情况下,我们要实现数据没来之前出现我们炫酷的loading效果,而且要等到所有的ajax都请求完毕后,才让我们的loading效果消失,那么问题来了,每个ajax请求数据的时间都是不确定的,我们这个loading效果结束的逻辑又应该放到哪里呢?就好比这样(伪代码模拟):
console.log('loading效果图旋转中') var timer1 = setTimeout(() => { console.log('第一个加载完成了'); }, '随机的时间'); var timer2 = setTimeout(() => { console.log('第二个加载完成了'); }, '随机的时间'); var timer3 = setTimeout(() => { console.log('第三个加载完成了'); }, '随机的时间'); console.log('loading效果图消失,我好慌,我应该放到哪里')