Layui表单提交后刷新表单不跳转问题解决方案

最近在使用Layui做项目的时候使用layui表单功能进行ajax和后台进行数据交互(项目中使用了同步加载),在点击提交后,需要跳转到另一页面,但实际ajax的success后书写window.location.href后并未成功跳转。而修改为return window.location.href,而是先刷新了表单然后再跳转的页面。

基于

下面这段代码是官方提供的关于提交操作的代码规范。

form.on('submit(*)', function(data){
  console.log(data.elem) //被执行事件的元素DOM对象,一般为button对象
  console.log(data.form) //被执行提交的form对象,一般在存在form标签时才会返回
  console.log(data.field) //当前容器的全部表单字段,名值对形式:{name: value}
  return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。
});

根据官方提供的示例,发现其实只需要在本项目中最后提交的最后一行(ajax外)加入
return false;
则可以避免之前提到的提交表单后不跳转问题,即提交后停在提交状态然后进行window.location.href操作,不过产生之前项目中问题具体原因尚不了解,没有仔细去看layui的config配置。

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值