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
    特别注明外均为原创,转载请注明。

    分享到微信

    扫描二维码

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

    相关文章

    发表评论:

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

    «    2025年5月    »
    1234
    567891011
    12131415161718
    19202122232425
    262728293031

    搜索

    控制面板

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

    最新留言

    文章归档

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