layui使用经验分享

1、layer弹出框提交到后台数据之后，怎么刷新页面并且自动关闭弹出框

// 更新成功之后关闭窗口，并且刷新子窗口 
layer.msg(msg, function () { var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引  
parent.location.reload(true);  
parent.layer.close(index); //再执行关闭 
});

2、 layui提交表单里面既有json数据，也有文件数据怎么提交

batch_data = JSON.stringify(data.field);
var file = $('input[type=file]')[0].files[0];
var myFormData = new FormData();
myFormData.append("file", file)
myFormData.append("batch_data", batch_data)

$.ajax({
    url: '/xxx/xxx',
    type: "POST",
    async: false,
    processData: false, // 不处理数据( 必须有)
    contentType: false,  //不设置内容类型 ( 必须要)
    data: myFormData,
    headers: {
        'X-CSRFToken': "{{ csrf_token }}"
    },
    success: function (data) {
        code = data['code'];
        msg = data['msg'];
        if (code == 0) {
            layer.msg(msg, {time: 1000, icon: 1}, function () {
                var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                parent.location.reload(true); //父层页面刷新
                parent.layer.close(index); //再执行关闭
            });
        } else {
            layer.msg(msg, {icon: 2});
        }

    },
    error: function (data) {
        alert("报错");
    }
});
return false;

    3、 layui怎么设置在PC上显示，在移动端隐藏

使用layui中的layui-hide-xs类名可以实现此效果，即把class类名设置为layui-hide-xs，就能实现移动端访问的时候隐藏效果了。 

原创文章，转载请注明出处：http://124.221.219.47/article/layui/