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

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

页面给了一个正在加载的一个效果,希望等页面所有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

目录
相关文章
|
7月前
|
前端开发 API
Axios请求成功和失败时分别执行哪个函数?
Axios请求成功和失败时分别执行哪个函数?
154 1
|
7月前
|
前端开发
Axios请求成功和失败时分别执行哪个函数?
Axios请求成功和失败时分别执行哪个函数?
|
6月前
|
JavaScript 前端开发 网络协议
前端JS发起的请求能暂停吗?
在讨论前端JS发起的请求是否能暂停时,需要明确两个概念:什么状态可以被认为是“暂停”?以及什么是JS发起的请求?
490 1
前端JS发起的请求能暂停吗?
|
6月前
|
前端开发 开发工具 git
大事件项目15----axios响应拦截器,统一判断401做被动退出
大事件项目15----axios响应拦截器,统一判断401做被动退出
|
5月前
vue3 在 watchEffect 里中断未完成的 axios 请求(只保留最后一次请求的方法---连续点击查询按钮的优化)
vue3 在 watchEffect 里中断未完成的 axios 请求(只保留最后一次请求的方法---连续点击查询按钮的优化)
140 0
|
消息中间件 架构师 数据处理
处理数据时点按钮,数据完数据时会自动执行的问题
处理数据时点按钮,数据完数据时会自动执行的问题
执行阿里云RPA中的相同动作
执行阿里云RPA中的相同动作
156 1
|
Serverless 容器
每个请求通常会触发一个新的函数实例来处理。
每个请求通常会触发一个新的函数实例来处理。
77 2
|
Serverless 容器
每个请求通常会触发一个新的函数实例来处理
每个请求通常会触发一个新的函数实例来处理
82 1
|
Web App开发 JavaScript 前端开发
页面运行中事件频繁触发会阻塞页面吗?
之前看`防抖`和`节流`的时候,看到短时间内大量的事件触发会引起浏览器卡死,浪费浏览器性能,那么为什么事件触发会引起阻塞页面的情况呢?引起页面阻塞的原因真的是因为事件触发太多了吗?