微信h5页面提交表单后返回键重复提交的问题

问题描述：h5表单提交保存成功之后，手机返回后原来的页面还能提交表单。
示例：
mui.post(‘savexxxx’,data,function(res){
if(code==200){
mui.alert(“保存成功”);
window.location.href=“toXXXList”;//返回列表
}
}
)

这段代码返回页面返回保存成功之后，如果按下返回键，会回到上个表单页面，还能重新提交，造成脏数据。

解决：
window.location.href 换成 window.location.replace 就可以。
window.location.href中的href其实就是标签中的href，使用这个进行页面跳转后，可以使用浏览器的后退按钮退回到原来的页面，也可以使用history.go(-1)函数跳转到原来的页面。

window.location.replace(url)方法是让浏览器清除掉其历史中的url，重新进行url的设定。使用浏览器的后退按钮或是前进按钮时，它将无法跳转到原来的页面，而是跳转到原来页面的上一页。

replace() 方法不会在 History 对象中生成一个新的记录。当使用该方法时，新的 URL 将覆盖 History 对象中的当前记录。

微信h5页面提交表单后返回键重复提交的问题相关推荐

php如何防止重复提交表单,如何防止php重复提交表单方法
解读:Token一般用在两个地方--防止表单重复提交.anti csrf攻击(跨站点请求伪造). Token,就是令牌,最大的特点就是随机性,不可预测.两者在原理上都是通过session token来 ...
java mvc中重复提交表单,spring mvc 防止重复提交表单的两种方法，推荐第二种
第一种方法:判断session中保存的token 比较麻烦,每次在提交表单时都必须传入上次的token.而且当一个页面使用ajax时,多个表单提交就会有问题. 注解Token代码: package c ...
html提交成功跳转页面,提交表单后跳转到想要的页面--jQuery form
表单提交的问题一直困扰着我这个新手,现在也算学习了不少,解决了我现在有的问题 -- 提交了表单之后将数据给到后台并且让前端页面跳转到想要的页面或出现想要的内容. 用到了 jQuery Form Plu ...
Php获取id并提交表单,提交表单后 PHP获取提交内容的实现方法
提交表单后 PHP获取提交内容的实现方法2020-06-14 15:35:24 问题:网页上提交表单之后,PHP为什么不能获取提交的内容?然而在老版本的PHP上运行却正常. 新版的PHP已经废弃了原来 ...
jsp 中提交表单后在firefox、chrome 中中文显示为正常，但在IE中中文显示为乱码？...
如题: jsp 中提交表单后在firefox.chrome 中中文显示为正常,但在IE中中文显示为乱码? 备注:框架:spring 和hibernate 提交表单后,在IE中提交的数据传到Contro ...
解决微信H5页面软键盘弹起后页面下方留白的问题（iOS端）
解决微信H5页面软键盘弹起后页面下方留白的问题(iOS端) 参考文章: (1)解决微信H5页面软键盘弹起后页面下方留白的问题(iOS端) (2)https://www.cnblogs.com/zouw ...
微信公众号进入H5页面之后，点击返回键一直报404
微信公众号进入H5页面之后,点击返回键一直报404,遇到这个问题很郁闷呀! 注意:注意: 这是我自己的系统出的问题! 第一:因为这个问题不是所有手机上面都出现第二:这个问题不是一个手机在出问题第三 ...
form表单按enter键自动提交的问题
废话不多说.直接上代码. 1:form表单按enter键自动提交的情况 1 <!doctype html> 2 <html lang="en"> 3 < ...
利用ajaxSubmit()方法实现Form提交表单后回调
1. 背景最近在工作中,需要实现网页端图片上传到FTP服务器的功能.上传文件是用Form表单提交数据的方法向后台传输文件流,在此遇到了一个问题:后台在处理完图片上传功能后,需要向前台回传是 ...

微信h5页面提交表单后返回键重复提交的问题

微信h5页面提交表单后返回键重复提交的问题

微信h5页面提交表单后返回键重复提交的问题相关推荐

最新文章

热门文章