大量Ajax同步请求,出现浏览器页面假死,而Loading图标卡死的情况
最近做了一个功能,需要大量删除数据,但是只能从前台一条一条调用API删除(客户的奇怪要求)。
同时在删除的过程中,我写了一个Loading的图标,用于展示删除的progress(就是删除了百分之多少的那种)
但是在实际使用的过程中,我发现在删除开始后,页面直接卡死了,我的进度条也卡在一开始的位置,打开浏览器调试工具debug的话进度条又会进行展示当前进度。
查了一会儿之后,发现是因为我所有的调用都是使用的Ajax同步请求,导致了界面表面的卡死(其实代码还是在继续运行的,只是前台看起来卡死了)
改成异步请求之后,界面的进度条就能正常跑了。
另外:async: 默认是true:异步,false:同步。
所以将这个注释或者删除,或者改成true 就可以了:
大量Ajax同步请求,出现浏览器页面假死,而Loading图标卡死的情况相关推荐
- Ajax同步请求出现浏览器页面假死,阻塞UI线程之解决方案
ajax 请求数据之前,数据经过复杂处理需要一些时间,浏览器提示当前页面没响应,是否等待或者结束程序. function loadData() { //--------------------第一步 ...
- js样式会影响ajax,js ajax同步请求造成浏览器假死的问题
今天写了一个简单的loading效果,希望在点击加载按钮后会出现loading字样,然后执行ajax同步请求,加载完之后loading样式消失,本来是很简单的需求,结果遇上了很尴尬的问题~ 问题:当我 ...
- 使用Ajax同步请求增加页面等待提示
使用Ajax同步请求增加页面等待提示 最近在做项目时,有一个需求是批量打印好多个合同,使用AJAX向后台传送数据,等待后台执行后,需要把生成之后的文件地址传送过来. 后台的处理时间比较长,根据合同的多 ...
- Ajax——同步请求与异步请求
Ajax--同步请求与异步请求 浏览器和服务器之间数据传输方式 同步方式 异步方式 两种方式有什么不同? 同步请求,服务器响应时,页面整体刷新 异步请求,服务器响应时,页面局部刷新 异步请求有什么优点 ...
- ajax同步请求加上loading遮罩遇到的坑
ajax同步请求加上loading遮罩遇到的坑 问题出在ajax被我设置成同步了,浏览器的渲染(UI)线程和js线程是互斥的,在执行js耗时操作时,页面渲染会被阻塞掉.当我们执行异步ajax的时候没有 ...
- 同步请求和ajax请求,ajax 同步请求和异步请求的差异分析
ajax 同步请求和异步请求的差异分析 发布于 2016-12-27 08:14:26 | 53 次阅读 | 评论: 0 | 来源: 网友投递 JavaScript客户端脚本语言Javascript ...
- 函数内的ajax同步请求导致遮罩层失效、或者导致loading正在加载提示失效问题
功能需求 编写点击按钮,弹出loading遮罩层提示正在加载中-,同时查询后台信息,拼接数据后渲染到列表时,为了保障渲染时,列表中的数据已经拼接完成.所以在for循环中使用同步ajax进行请求,在su ...
- ajax同步请求 超时时间问题
最近做到一个功能,从别的连接跳转登录到我们系统后台,登录后会查询一些数据.一开始登录用的异步调用,领导看日志发现还没登录就调了好几个查询接口,要改.我想简单点就改成同步不就行了,然后上同步,恩,好多了 ...
- php和ajax的同步和异步请求,ajax 同步请求和异步请求的差异分析_javascript技巧
ajax同步和异步的差异, 先看2段代码: 代码一: Synchronize = function(url,param) { function createXhrObject() { var http ...
最新文章
- 2022-2028年中国废矿物油行业市场研究及前瞻分析报告
- 裸眼3D将是未来移动端的显示的主要技术
- Oracle_11g_R2安装手册(图文教程)
- 2020年有寓意的领证日期_2020年有意义谐音的领证日子 容易记住的领证日期
- sap 采购订单中收货容差的取值顺序
- 解析Python中的线程与进程
- icu入院宣教流程图_ICU患者及家属的健康教育PPT.ppt
- Cortex-M3-建立堆栈
- js实现文章显示部分内容
- Reading papers_6(Pattern Recognition And Machine Learning一书,ing...)
- eclipse中使用git回到之前的版本
- windows理论基础(一)
- python使用masscan扫描端口
- 今日arXiv精选 | Interspeech/KDD/TACL/ICCV/CIKM
- centos7安装erlang
- java-php-python-ssm学生学籍信息管理系统计算机毕业设计
- 周末作业-循环练习题(未完)
- Codeforces Round #548 (Div. 2) C. Edgy Trees(并查集+快速幂)
- Kafka学习——基于已有zookeeper集群实现kafka的集成
- 奇虎360Java笔试题
热门文章
- java argb_Color argb()方法的参数
- 测试的具体工作流程是什么?
- Alibaba史上最牛的分布式核心原理解析全彩手册开源,称霸GitHub
- 从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 十八║Vue基础: 指令(下)+计算属性+watch...
- Microsoft word不断崩溃重启又崩溃的解决办法
- 服务器nmon文件位置,nmon以及nmon analyser教程
- linux卸载aix nmon,aix nmon监控
- L1-016 查验身份证 (15 分)[JAVA]
- python 之实例方法、静态方法和类方法
- Java中Excel表格数据的导入和导出步骤和方法