layui layer.load()和ajax

第一次用layui总是能挖很多坑,比如layui.load()配合ajax的使用,由于浪费太多时间,记录下。

1.layui.load()在ajax使用时,ajax必须是异步模式,不然layui.load()不起作用。

layui layer.load()和ajax_第1张图片

2.代码

$.ajax({
            url: getContextPath() + '/check/updateCheckRestRoom',
            //async: false,
            cache: false,
            dataType:"json",
            data: params,
            beforeSend: function () {
                l_index = layer.load(1, {
                      shade: [0.5,'#DBDBDB'] //0.1透明度的白色背景
                  });
            },
            success: function (data) {
                if(data.res_code=='00000') {
                    layer.close(l_index);
                    //发异步,把数据提交给php
                    layer.alert("检验成功", {
                        icon : 6
                    }, function() {
                        // 获得frame索引
                        var index = parent.layer.getFrameIndex(window.name);
                        //关闭当前frame
                        parent.layer.close(index);
                        window.parent.location.reload(); //刷新父页面
                    });
                } else {
                    layer.alert(data.res_message); 
                }
            },
            error: function (data) {
                layer.alert('验收失败!'); 
            }
        });

你可能感兴趣的:(Web)