页面多个请求时如何等所有请求完毕再执行某个动作?

简介: 页面多个请求时如何等所有请求完毕再执行某个动作?

页面给了一个正在加载的一个效果,希望等页面所有ajax请求完毕以后再关闭正在加载的效果。我是这样处理的:


定义一个flag变量:var countFlag = 0;

fn1的success里countFlag++;

fn2的success里countFlag++;


页面再定义一个setInterval定时器,用变量time接收该函数,便于清除计时器:


var time = setInterval(function () {
            mui.showLoading("正在加载..", "div");
            if (countFlag == 2) {
                mui.hideLoading();
                clearInterval(time);
            }
        }, 1000);


如图,当计时器里判断条件满足时,关闭loading效果,再清掉计时器即可。


PS:楼主邮箱 tccwpl@163.com

目录
相关文章
|
5月前
|
JavaScript 前端开发 网络协议
前端JS发起的请求能暂停吗?
在讨论前端JS发起的请求是否能暂停时,需要明确两个概念:什么状态可以被认为是“暂停”?以及什么是JS发起的请求?
484 1
前端JS发起的请求能暂停吗?
|
5月前
|
前端开发 开发工具 git
大事件项目15----axios响应拦截器,统一判断401做被动退出
大事件项目15----axios响应拦截器,统一判断401做被动退出
|
4月前
vue3 在 watchEffect 里中断未完成的 axios 请求(只保留最后一次请求的方法---连续点击查询按钮的优化)
vue3 在 watchEffect 里中断未完成的 axios 请求(只保留最后一次请求的方法---连续点击查询按钮的优化)
112 0
|
6月前
如何解决由引起的IQKeyboardManager部分页面返回的键盘高度比实际小或最后收到键盘隐藏通知却显示了键盘问题
如何解决由引起的IQKeyboardManager部分页面返回的键盘高度比实际小或最后收到键盘隐藏通知却显示了键盘问题
100 0
|
消息中间件 架构师 数据处理
处理数据时点按钮,数据完数据时会自动执行的问题
处理数据时点按钮,数据完数据时会自动执行的问题
执行阿里云RPA中的相同动作
执行阿里云RPA中的相同动作
151 1
|
Serverless 容器
每个请求通常会触发一个新的函数实例来处理。
每个请求通常会触发一个新的函数实例来处理。
73 2
|
Serverless 容器
每个请求通常会触发一个新的函数实例来处理
每个请求通常会触发一个新的函数实例来处理
78 1
|
小程序 前端开发 JavaScript
小程序request请求回调函数异步的解决办法
小程序request请求回调函数异步的解决办法
241 0
|
Web App开发 JavaScript 前端开发
页面运行中事件频繁触发会阻塞页面吗?
之前看`防抖`和`节流`的时候,看到短时间内大量的事件触发会引起浏览器卡死,浪费浏览器性能,那么为什么事件触发会引起阻塞页面的情况呢?引起页面阻塞的原因真的是因为事件触发太多了吗?