LayUI异步请求加载动画loading

😂 这篇文章最后更新于1558天前,您需要注意相关的内容是否还可用。

点击功能按钮之后

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...");
    }
});