解决layui layer.load() Ajax提交时，只在结束闪一下

最新推荐文章于 2023-08-01 16:58:29 发布

Sumtudou

最新推荐文章于 2023-08-01 16:58:29 发布

阅读量1.5k

点赞数 3

分类专栏： Java后端开发文章标签：前端 Ajax layui

本文链接：https://blog.csdn.net/qq_36752486/article/details/102956154

版权

因为后台处理事务一般要一点时间，所以前台会用个Loading爱的魔力转圈圈提高用户体验。

一般这种情况，大家常规操作就是在Ajax前加上load，ajax的success或者complete中close它即可。

最近写了个Bug，就是圈圈不转，只在结束时闪一下。找了半天……发现是自己弱智了。

解决办法 Ajax设置为异步请求！！！Ajax设置为异步请求！！！Ajax设置为异步请求！！！

理解起来也很简单，设置为同步时，前台会卡死一切进度，直到后台返回数据，这时设置的load也被卡死了，直到数据返回的时候才释放，所以开启和结束就在一瞬间。就会闪一下。

如果后台处理时间很短，那么同步异步基本没区别，反正就是秒男一瞬间。时间长了大家就要注意一下了。完整代码如下

<!DOCTYPE html>
<html>
<head th:replace="/common/template :: header(~{::title},~{::link},~{::style})">
    <script type="text/javascript" src="https://sumtou.oss-cn-shanghai.aliyuncs.com/static/layer/layer.js"></script>  <!--改了俩字母，这个就不给大家了-->
    <link href="https://sumto