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

野性酷女 2023-11-08 06:25 122阅读 0赞

今天用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="保存">

发表评论取消回复

表情：

评论列表（有 0 条评论，122人围观）

还没有评论，来说两句吧...

相关阅读

相关 ajax提交时表单自动提交，阻止表单的默认提交事件

一、问题描述在改版pc一个动态发布页面的时候页面使用的form表单提交页面数据其中在页面中有一个人员选择的搜索按钮按钮上绑定了点击事件触发ajax !...

逃离我推掉我的手/ 2024年04月17日 17:39/ 0 赞/ 87 阅读

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

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

野性酷女/ 2023年11月08日 06:25/ 0 赞/ 123 阅读

相关富文本页面监听刷新事件，并弹窗提示

不生效 mounted() { window.onbeforeunload = function (e) { confirm('e

た入场券/ 2022年11月24日 12:58/ 0 赞/ 138 阅读

相关 java刷新页面重复提交,JSP刷新页面表单重复提交问题解决办法分享

public class sswpdjaction extends baseaction\{ public string execute()\{ /\\业务代码\\/ .

野性酷女/ 2022年11月18日 13:52/ 0 赞/ 205 阅读

相关 ajax提交表单

ajax提交表单在项目中常用，前台无论是简单的html、jsp或者是使用了easyui框架，提交表单都会使用到ajax，extjs框架其实也是使用了ajax只不过对其进

我就是我/ 2022年08月13日 00:56/ 0 赞/ 266 阅读

相关 form表单提交不刷新页面

form表单提交时，往往会刷新页面，数据提交到后台会跳转到其他页面如果不需要刷新页面时，可以通过ifame实现无刷新。在form表单下定义一个ifame <if

叁歲伎倆/ 2022年06月18日 05:58/ 0 赞/ 283 阅读

相关 thinkphp-layui弹窗使用以及ajax提交含文件的表单

先提提我遇到的坑：在提交ajax表单后，控制器端已经将数据存到了数据库，也打印出了返回的json数据，但是ajax的success和 error方法就是不执行，开始还以为是

短命女/ 2022年05月23日 03:35/ 0 赞/ 148 阅读

相关 layui表单提交没成功也会重新刷新表单,layui bug

> layui表单提交没成功也会重新刷新表单,layui bug 在form.on最后添加return false;就可以了，如下图 ![watermark_type_Zm

Bertha 。/ 2022年02月26日 15:48/ 0 赞/ 301 阅读

相关 ajax提交表单页面刷新很快

注：使用ajax 提交表单时 type类型最好不用submit 用button合适 <form> <div class="col-md-9 col

末蓝、/ 2021年10月08日 05:42/ 0 赞/ 393 阅读

相关 layui form 表单ajax 提交

layui.use(['form','jquery'],function(){ //var form = layui.form(),

港控/mmm°/ 2021年09月30日 02:42/ 0 赞/ 876 阅读