ajax同步阻塞loading

最新推荐文章于 2023-11-23 20:52:54 发布
原创 最新推荐文章于 2023-11-23 20:52:54 发布 · 1.2k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文介绍了一种解决同步Ajax请求导致页面阻塞的方法。通过使用$timeout将同步Ajax请求包装起来，并在请求开始前调用showBlock显示加载提示，在请求结束后调用hideBlock隐藏加载提示，以此改善用户体验。
解决：在同步ajax的外面包一层setTimeout，在setTimeout之前showBlock();
function() {
$scope.showBlock();
        $timeout(function(){
            syncAjax();//同步ajax
$scope.hideBlock();
                
        });
langyalaoa
关注
完美解决JS文件页面加载时的阻塞问题
11-30
关于页面加载时的时间消费，许多书中都做出了介绍，也提出了很多种方法。本文章就详细介绍XHR注入。 概述：JS分拆的方法 1.XHR注入：就是用ajax异步请求同域包含脚本的文件，然后将返回的字符串转化为脚本使用，该方法不会造成页面渲染和onload事件的阻塞，因为是异步处理，推荐使用。 2.iframe注入：加载一个iframe框架，通过使用iframe框架中的脚本来避免src方式加载脚本的阻塞，但是iframe元素开销较大，不推荐。 3.DOM注入：就是创建script元素，通过制定该元素的src并放入DOM树中，根据该语句书写的文字不同，会造成渲染或onload事件的阻塞。 4. docu
函数内的ajax同步请求导致遮罩层失效、或者导致loading正在加载提示失效问题
good_good_xiu的博客
02-18 3582
功能需求 编写点击按钮，弹出loading遮罩层提示正在加载中…，同时查询后台信息，拼接数据后渲染到列表时，为了保障渲染时，列表中的数据已经拼接完成。所以在for循环中使用同步ajax进行请求，在success方法中进行拼接。 function showPrintJobList(){ var loadingTip = $('#loading'); loadingTip.show(); for(var i = 0;i < rwid.length;i++){ $.ajax({ url: x
ajax阻塞页面加载,完美解决JS文件页面加载时的阻塞问题
weixin_33066321的博客
08-06 1202
关于页面加载时的时间消费，许多书中都做出了介绍，也提出了很多种方法。本文章就详细介绍XHR注入。概述：JS分拆的方法1.XHR注入：就是用ajax异步请求同域包含脚本的文件，然后将返回的字符串转化为脚本使用，该方法不会造成页面渲染和onload事件的阻塞，因为是异步处理，推荐使用。2.iframe注入：加载一个iframe框架，通过使用iframe框架中的脚本来避免src方式加载脚本的阻塞，但是i...
关于ajax同步导致loding弹窗被阻塞拦截问题记录
zhoulijia666的博客
09-07 626
关于ajax同步导致loding弹窗被阻塞拦截三种解决方式
Jquery ajax 进行网络请求，同步阻塞引起的UI线程阻塞 （loading图片不显示 ）
LlanyW的专栏
11-23 1642
开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。其中，既有异步的操作（比如ajax读取服务器数据），也有同步的操作（比如遍历一个大型数组），它们都不是立即能得到结果的。通常的做法是，为它们指定回调函数（callback）。即事先规定，一旦它们运行结束，应该调用哪些函数。但是，在回调函数方面，jQuery的功能非常弱。为了改变这一点，jQuery开发团队就设计了。
layer.load方法不加载，Ajax为同步时，layer.load方法不加载
huanloveqiang的博客
08-15 2406
layer.load方法不加载。Ajax为同步时，layer.load方法不加载。ajax请求加上loading遮罩遇到的坑
layer 同步调用_Jquery ajax 同步阻塞引起的UI线程阻塞的坑（loading图片显示不出来，layer.load延迟）...
weixin_35790607的博客
12-30 1395
今天想做一个点击地市用ajax重新获取数据刷新页面功能，因为ajax属于耗时操作，想在获取数据且加载页面时显示加载遮罩层，结果发现了ajax的好多坑。例如如上栗子，我想点击按钮让遮罩层显示，ajax加载完毕后遮罩层消失。因为我想让loadChart()在赋值操作后执行，但如果async设为true时，往往会先执行loadChart(),之后才会赋值，所以我只能将ajax设为同步。但同步后无论我怎么...
ajax同步（async: false）阻塞UI线程导致loading效果失效。
cblstc的博客
01-16 4228
如果把ajax设置成同步（aysnc:false），会阻塞UI线程，就导致了beforeSend中的UI代码无法执行，从而加载不出loading效果。只需把ajax设置成异步，即可解决问题。
Jquery ajax 同步阻塞引起的UI线程阻塞的坑（loading图片显示不出来，layer.load延迟）
lianzhang861的博客
03-02 1万+
    今天想做一个点击地市用ajax重新获取数据刷新页面功能，因为ajax属于耗时操作，想在获取数据且加载页面时显示加载遮罩层，结果发现了ajax的好多坑。        例如如上栗子，我想点击按钮让遮罩层显示，ajax加载完毕后遮罩层消失。因为我想让loadChart()在赋值操作后执行，但如果async设为true时，往往会先执行loadChart(),之后才会赋值，所以我只能将ajax设为...
大量Ajax同步请求，出现浏览器页面假死，而Loading图标卡死的情况
m0_37041189的博客
12-03 2298
最近做了一个功能，需要大量删除数据，但是只能从前台一条一条调用API删除（客户的奇怪要求）。 同时在删除的过程中，我写了一个Loading的图标，用于展示删除的progress（就是删除了百分之多少的那种） 但是在实际使用的过程中，我发现在删除开始后，页面直接卡死了，我的进度条也卡在一开始的位置，打开浏览器调试工具debug的话进度条又会进行展示当前进度。 查了一会儿之后，发现是因为我所有的调用都是使用的Ajax同步请求，导致了界面表面的卡死（其实代码还是在继续运行的，只是前台看起来卡死了） 改成异
loading加载问题
前端
08-15 5342
现象描述 需要用到ajax请求获取数据，并且需要获取数据后在执行接下来的代码，因此使用了同步ajax请求，但是当ajax请求耗时过长时，需要添加一个loading遮罩层，但是实现后发现loading遮罩层出不来，就是同步ajax导致的假死现象 问题分析 首先需要了解一些相关知识。 浏览器的工作机制（浏览器的加载与渲染机制）： 1.资源加载 资源文件的获取过程，不同浏览器，或者浏...
ajax同步请求加上loading遮罩遇到的坑
weixin_42727360的博客
07-11 1724
ajax同步请求加上loading遮罩遇到的坑 问题出在ajax被我设置成同步了，浏览器的渲染(UI)线程和js线程是互斥的，在执行js耗时操作时，页面渲染会被阻塞掉。当我们执行异步ajax的时候没有问题，但当设置为同步请求时，其他的动作（ajax函数后面的代码，还有渲染线程）都会停止下来 解决方法： 1、设置async为true，异步去访问。 2、使用jQuery的$("#loading").s...
ajax异步模式下实现同步和等待loading效果（jQuery同步Ajax带来的UI线程阻塞问题及解决办法）
热门推荐
web_xyk的专栏
11-25 2万+
在与后台实现数据交互时经常会遇到一种这样的情况： 1.需要用一个ajax请求后台数据，并且要在获取到数据之后再渲染到页面，这个时候就必须用同步（async:false）。 2.然而在这个时候就会有另一种情况，当ajax的请求花费的时间比较长的时候需要一个loading层来显示等待状态 3.这个时候beforeSend是没有效果的，即使把loading的代码写在ajax之前也不行。 4.原因...
Ajax异步请求阻塞情况的解决办法
笔记本
08-31 1万+
现象：在一个网站中，当访问一个处理比较耗时的页面（A页面），页面请求还没有返回时，此时再点击访问该网站的其他页面（B页面）会出现B页面很久都没有响应和返回，直到A页面输出返回数据时才开始处理B页面的请求，造成请求排队处理，A页面阻塞了B页面的请求处理。
解决多个ajax页面请求，页面loading阻塞问题
aodou8125的博客
10-15 1460
在项目中碰到多个ajax加载，loading加载出现问题，没有能第一时间加载出来。 主要原因是因为：浏览器的渲染(UI)线程和js线程是互斥的，在执行js耗时操作时，页面渲染会被阻塞掉。当我们执行异步ajax的时候没有问题，但当设置为同步请求时，其他的动作（ajax函数后面的代码，还有渲染线程）都会停止下来。即使我的DOM操作语句是在发起请求的前一句，这个同步请求也会“迅速”将UI线程...
多个ajax顺序执行问题及ajax请求为同步时loading效果无意义的问题
01-11 788
　　ajax是一种常用的网页局部刷新技术，当请求数据时间较长或防止用户多次点击等情况下，会在请求数据的过程中添加loading效果，提高用户体验。　　当需要执行多个ajax并需要考虑执行顺序时，可以使用ajax嵌套、同步、回调三个方法。　　1、ajax嵌套： $.ajax({ url : "url", data : data, type : "POST", d...
ajax阻塞
zzyonepiece的专栏
06-11 531
这几天被朋友科普了一个知识，ajax阻塞。 原因是由于session 锁导致的。 前台ajax集中访问，后台存在session验证的话，会排队请求。 解决办法就是讲session设为只读即可。 ...
AJAX 同步请求导致的UI阻塞问题
光明小学王小雨的博客
12-16 1138
遇到的一个问题，大概是这样的。。。 前端页面上有一个列表，遍历列表按照并发度执行ajax操作，需要等上一个并发度执行返回结果后才能决定是否进行下一个并发度的执行。 1、一开始的想法是，写一个ajax执行函数，传入每次执行的并发度，用for循环遍历列表，执行这个函数。比如有8个IP，然后并发度2，就for循环，执行4次的这个函数。但是，这样是不行的，因为ajax默认情况下是异步多线程的的，也就是说...
ajax提交时页面转圈,jquery的ajax提交时loading提示的处理方法
weixin_39948439的博客
08-05 1992
方法1：使用ajaxStart方法定义一个全局的“加载中。。。”提示$(function(){$("#loading").ajaxStart(function(){ $(this).html("");});$("#loading").ajaxSuccess(function(){$(this).html("");// $(this).empty(); // 或者直接清除});});...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值