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

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

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

目录
相关文章
|
前端开发 JavaScript Java
面试官:什么是防抖和节流?如何实现?应用场景?
面试官:什么是防抖和节流?如何实现?应用场景?
414 0
|
前端开发
如何使用 Promise 的 all 方法?
如何使用 Promise 的 all 方法?
1007 162
|
8月前
|
存储 SQL NoSQL
Redis-常用语法以及java互联实践案例
本文详细介绍了Redis的数据结构、常用命令及其Java客户端的使用,涵盖String、Hash、List、Set、SortedSet等数据类型及操作,同时提供了Jedis和Spring Boot Data Redis的实战示例,帮助开发者快速掌握Redis在实际项目中的应用。
652 1
Redis-常用语法以及java互联实践案例
|
存储 运维 网络安全
阿里云云效操作报错合集之推送代码到仓库报错:Could notread from remote repository.,如何解决
本合集将整理呈现用户在使用过程中遇到的报错及其对应的解决办法,包括但不限于账户权限设置错误、项目配置不正确、代码提交冲突、构建任务执行失败、测试环境异常、需求流转阻塞等问题。阿里云云效是一站式企业级研发协同和DevOps平台,为企业提供从需求规划、开发、测试、发布到运维、运营的全流程端到端服务和工具支撑,致力于提升企业的研发效能和创新能力。
|
云安全 网络安全 CDN
阿里云CDN遇到攻击?别慌,教你如何应对!
阿里云CDN遇到攻击?别慌,教你如何应对!
|
存储 消息中间件 NoSQL
使用 Java 操作 Redis 数据类型的详解指南
使用 Java 操作 Redis 数据类型的详解指南
541 0
|
JavaScript 容器
Vue 动画 —— 滑动切换动画 / 滑动翻页过渡动画——从顶部到底部、从底部到顶部、从左侧到右侧、从右侧到左侧
Vue 动画 —— 滑动切换动画 / 滑动翻页过渡动画——从顶部到底部、从底部到顶部、从左侧到右侧、从右侧到左侧
1413 0
Error:npm WARN enoent ENOENT: no such file or directory, open ‘C:\Users\XX\package.json‘son‘
Error:npm WARN enoent ENOENT: no such file or directory, open ‘C:\Users\XX\package.json‘son‘
|
JSON JavaScript 前端开发
dayjs 中文文档
dayjs 中文文档
1730 0
Vue3系列教程之插槽slot详解
Vue3系列教程之插槽slot详解
497 0