LayUI 异步请求加载动画 loading

点击功能按钮之后

LayUI 异步请求加载动画 loading
var loading = layer.load(0, {
                    shade: false,
                    time: 2*1000
                });

参数:  icon:0,1,2   loading 风格

    shade:false  是否有遮罩,true 表示有遮罩

    time : 2*1000  设定最长等待时间, 设置时间之后,loading 会在时间到之后自动关闭

关闭 "loading" (在 ajax 成功或失败回调中) :

layer.close(loading);

Ps:load 默认不会自动关闭

layer.load(); // 默认采用第一种风格
layer.closeAll(); // 关闭所有弹出组件 

载入中动画可写在 ajax 发送前事件中,例如:

$.ajax({
    type: "POST",
    async: false,
    url: getUrl(queryUrl + "/submit"),
    cache: true,
    contentType: 'application/json',
    dataType: "json",
    data: JSON.stringify(data),
    beforeSend:function(){        layer.load();
    },
    success: function (data) {        layer.closeAll();
        },
    error: function () {        layer.msg("fail...");
    }
});


手机扫描二维码访问

本文标题:《LayUI 异步请求加载动画 loading》作者:极四维博客
原文链接:https://cway.top/post/588.html
特别注明外均为原创,转载请注明。

分享到微信

扫描二维码

可在微信查看或分享至朋友圈。

相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

«    2024年10月    »
123456
78910111213
14151617181920
21222324252627
28293031

搜索

控制面板

您好,欢迎到访网站!
  查看权限

最新留言

文章归档

  • 订阅本站的 RSS 2.0 新闻聚合