ajax同步提交时遮罩层不显示问题

原因：浏览器引擎分为 js引擎和渲染（UI）引擎。js引擎负责解析js脚本代码，渲染引擎负责渲染页面。当ajax设置为同步时，由于js线程和UI线程是互斥的，当执行ajax的时候，js线程耗时操作，此时会阻塞UI线程，当ajax执行完成的时候才会显示遮罩层。

解决方案：

设置async为true，异步去访问。

function test(){$('#loading').show(function () {$.ajax({async: false,url:'xxxxxx',type:'post',data:{},dataType:'json',success:function(data){}});})
}

ajax同步提交时遮罩层不显示问题相关推荐

函数内的ajax同步请求导致遮罩层失效、或者导致loading正在加载提示失效问题
功能需求编写点击按钮,弹出loading遮罩层提示正在加载中-,同时查询后台信息,拼接数据后渲染到列表时,为了保障渲染时,列表中的数据已经拼接完成.所以在for循环中使用同步ajax进行请求,在su ...
【转】ajax同步请求与遮罩层的问题
引用文章链接:https://blog.csdn.net/wingzingliu/article/details/88788205 参考链接:https://www.cnblogs.com/caihu ...
ajax提交加载loading图标遮罩层不显示
代码片段 $("#backgroundLoadingId").show();//显示遮罩 $.ajax({ url:form.action, type:'post', //asyn ...
css盒子遮罩层显示与隐藏
实现效果要如图显示: 素材:两张图片步骤一:制作一个盒子,记住它的尺寸和大小代码如下: <!DOCTYPE html> <html lang="en"> ...
layer执行父窗口ajax方法,layer 弹出层回调函数调用弹出层页面函数
1.项目中用到layer 弹出层,定义一个公用的窗口,问题来了窗口弹出来了,如何保存页面上的数据呢?疯狂百度之后,有了结果,赶紧记下. 2.自己定义的公共页面方法: layuiWindow: func ...
flash 遮罩层全解
2019独角兽企业重金招聘Python工程师标准>>> 初学者关于遮罩的话题问的较多,下面我将遮罩的一些常见问题进行一下归纳. 1.请问遮罩的原理是什么? [效果] 1.swf ( ...
解决uniapp map遮盖遮罩层
uniapp 层级高 app运行时遮罩层显示的时候 map在遮罩层上方 1.在需要弹出框的页面中配置pages.json {"path": "pages/con-te ...
一个遮罩层怎么遮罩两个图层_遮罩效果全解（13种方法）
初学者关于遮罩的话题问的较多,下面我将遮罩的一些常见问题进行一下归纳. 1.请问遮罩的原理是什么? 遮罩层好比黑夜中的一支手电筒,照在哪儿(指被遮罩层)哪儿就显现. 第一步:创建两个图层,命名,一个是 ...
解决element-ui对话框组件el-dialog遮罩层小问题
问题场景: 在使用对话框组件时,点击弹出后,遮罩层始终显示在最前面,导致整个页面无法操作. 出现原因出现这种情况是因为遮罩层的dom元素插入进了body标签底下,标签如下所示: 解决办法在el-d ...

ajax同步提交时遮罩层不显示问题

解决方案：

ajax同步提交时遮罩层不显示问题相关推荐

最新文章

热门文章