美文网首页
layui列表点击添加/编辑弹出框,ajax执行完毕layer.

layui列表点击添加/编辑弹出框,ajax执行完毕layer.

作者: tangzhentian | 来源:发表于2021-05-13 15:14 被阅读0次

layui弹出框提交表单,不能用form标签,要提交的内容用<div class='layui-form'>包裹,提交成功后执行layer.msg才会执行回调。

      <form>
            表单内容
      </form>

    <div class="layui-form">
      表单内容
    </div>

        $.ajax({
            url: "XX",
              method: 'POST',
              data:data.field,
              success: function (res) {
                  if(res.errorCode > 0){
                      layer.msg(res.msg, {icon:2,time:1000},function(){});
                  }else{
                      layer.msg('操作成功', {icon:1,time:1000},function(){
                          //这里的回调函数不执行 把form表单换成 <div class="layui-form"></div>
                          parent.layer.close(index); //再执行关闭
                      });
                  }
              },
              error: function () {
                  layer.msg("网络错误");
              }
          });

相关文章

网友评论

      本文标题:layui列表点击添加/编辑弹出框,ajax执行完毕layer.

      本文链接:https://www.haomeiwen.com/subject/adxxjltx.html