大量Ajax同步请求,出现浏览器页面假死,而Loading图标卡死的情况

博客讲述了在前端删除数据过程中遇到的问题,由于使用了Ajax同步请求,导致界面在执行大量删除操作时卡死。作者通过添加进度条显示删除进度,但发现进度条在删除开始后无法正常更新。经过调查,确定问题源于同步请求,改为异步请求后,界面卡死问题得到解决,进度条能正常显示删除进度。
摘要由CSDN通过智能技术生成

最近做了一个功能,需要大量删除数据,但是只能从前台一条一条调用API删除(客户的奇怪要求)。

 

同时在删除的过程中,我写了一个Loading的图标,用于展示删除的progress(就是删除了百分之多少的那种)

但是在实际使用的过程中,我发现在删除开始后,页面直接卡死了,我的进度条也卡在一开始的位置,打开浏览器调试工具debug的话进度条又会进行展示当前进度。

查了一会儿之后,发现是因为我所有的调用都是使用的Ajax同步请求,导致了界面表面的卡死(其实代码还是在继续运行的,只是前台看起来卡死了)

改成异步请求之后,界面的进度条就能正常跑了。

另外:async: 默认是true:异步,false:同步。

所以将这个注释或者删除,或者改成true 就可以了:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值