layui表单在监听提交事件中，用ajax提交刷新页面问题，弹出窗无效

今天用layui中form表单提交，使用了提交监听事件用$.ajax提交，想用弹出层给页面提示效果，可惜弹出层无效，。页面刷新？？？

代码如下：

 

layui.use(['form', 'jquery', 'layer'], function () {
    var form = layui.form;
    var $ = layui.jquery;
    var layer = layui.layer;
    form.on('submit(*)', function (obj) {
        $.ajax({
            type: 'POST',
            url: '/article/saveArticle',
            async: false,
            data: {
                'aId': $("#aId").val(),
                'title': $("#title").val(),
                'content': editor.html(),
                'state': obj.field.state
            },
            success: function (data) {
                if (data.code == '0') {

                    layer.msg('文章保存成功',{time: 1000, icon:6,end:function () {
                            location.reload();
                        }})

                }else {
                    layer.msg('文章保存失败',{time: 2000, icon:5})
                }
            }
        });
    })

})

 

解决方案：直接把button按钮改为Input标签就好了》

<input class="layui-btn" type="button" lay-submit lay-filter="*" value="保存">