layer 弹出层form表单提交刷新弹出层 造成ajax成功后不执行success

这是我新来的一家公司第一个星期碰到的问题。以前用ssh框架没有碰到过这种情况。

layer 在弹出层做表单提交 点击提交可以和后台交互,但是提交完成后ajax的success不执行。我很郁闷,我猜想是因为点击提交后刷新了弹出层,当成功后,ajax保留的上次提交的报头信息和刷新完的页面信息不一样,所以ajax就执行不了了。就相当于你爬山上去走的这条路,下山时路中间有一段毁了,你要绕路,这样在这条路上等你的人肯定等不到。最后找到原因,太不细心了,在最后面忘记加return false了。

<div class="layui-form-item">
    <button class="layui-btn" lay-submit="" lay-filter="demo1">跳转式提交</button>

  </div>

//监听提交
  form.on('submit(demo1)', function(data){

   var args = JSON.stringify(data.field); //这里提交的是json格式的。

如果是form表单,最好在页面执行一次序列化。这个是你的框架里没有全局的序列化方法时。

var args = $("#workCalendarAdd").serialize();  这里的id就是form表单的id

$.ajax({
type:"post",
url:url,
data:args,
success:function(data){
if('success' == data){
var index = parent.layer.getFrameIndex(window.name);  
setTimeout(function(){parent.layer.close(index)}, 1000);
layer.msg("保存成功"); 
  }else{
  layer.msg('保存失败,请重新保存');  
  }
}
});

    return false; // 这里很重要,一定要加这个。要不然提交后弹出层会刷新一次,从而不执行ajax的success

  });

 

提交的过程又碰到一个问题就是页面的日期类型和实体类的不对应,提交就报错刚开始很郁闷,以前还真没有碰到过这种情况,第一次遇到。最后在别人的提醒下在controller里面加了时间转换器,解决了。

        @InitBinder  
public void initBinder(WebDataBinder binder) {  
SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm");  
dateFormat.setLenient(false);  
binder.registerCustomEditor(Date.class, new CustomDateEditor(dateFormat, true));
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值