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标签就好了》

 

你可能感兴趣的:(layui表单在监听提交事件中,用ajax提交刷新页面问题,弹出窗无效)