关于form表单提交通过forward跳转导致重复提交问题

最新推荐文章于 2020-12-22 00:04:48 发布

实在就好

最新推荐文章于 2020-12-22 00:04:48 发布

阅读量929

点赞数

CC 4.0 BY-SA版权

文章标签： form提交刷新后导致重复提交

本文链接：https://blog.youkuaiyun.com/qq_19286539/article/details/83383325

本文介绍了一种防止表单重复提交的有效方法，通过使用ajaxSubmit进行表单提交，并结合页面跳转，避免了因页面刷新导致的数据重复提交。同时，文章提供了具体的代码示例，包括设置浏览器兼容性、导入必要的JS文件、使用jQuery插件实现异步提交及响应处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

form表单提交后返回query页面会显示com.code="com.nbf.ifp.rate.business.BusinessCenter4User.user__getLoginAccount内容。

然后在返回页面刷新会导致重复提交数据。

解决方法：通过ajaxSubmit提交用 window.location.href =“”query.htm”页面

设置浏览器兼容

导入js文件

返回json 格式

<form id="saveSettle" enctype="multipart/form-data" action="<@upload id='formUpload' code='com.nbf.ifp.rate.business.BusinessCenter4WfrAppr.wfrAppr__submitSettle' />&$need_json=true"" method="post" vcheck="1">

调用的方法

ResultX<Void> wfrAppr__submitSettle(Passport p,F6FileList f6FileList)

返回的值

return new ResultX<Void>().setCode(1);

使用ajaxSubmit提交

$('form').ajaxSubmit(function(data){
                   if(data && data !="null"){
                       var jo = JSON.parse(data);
                       if(jo.code == 1){
                           alert("提交成功！");
                           window.location.href = "<@path file='/page/mgnt/loan/settle/query.htm' param="billId=${p.billId!}"/>";
                       }
                   }
               });

jquery.form.js 百度下载一个就可以了