PHP,html,js表单问题,求高手
只要form表单一有提交了,刷新浏览器都会弹出重复提交表单数据。怎么解决啊?一个星期都没解决啊,烦...
只要form表单一有提交了,刷新浏览器都会弹出重复提交表单数据。怎么解决啊?
一个星期都没解决啊,烦 展开
一个星期都没解决啊,烦 展开
5个回答
展开全部
您好:
页面刷新操作是浏览器内部的一种操作,因为浏览器不会为事件或回调发出任何外部通知。从技术上讲,页面刷新是通过 “简单”重复最新请求来实现的。换句话说,浏览器将缓存已处理的最新请求,并在用户单击页面刷新键时重新发布已处理的请求。
如何处理的问题
当然很多的系统(比如订票系统从需求上本身是允许个人重复订票的)是必须要避免重复刷新、重复提交、以及防止后退的问题
的,但即使是这样的问题,也要区分如何处理以及在哪里处理的(网上只是告诉你如何处理,但很少去区分在哪里处理的),显然处理的方式无非是客户端或者服务
器端两种,而面对不同的位置处理的方式也是不同的,但有一点要事先声明:任何客户端(尤其是B/S端)的处理都是不可信任的,最好的也是最应该的是服务器
端的处理方法。客户端处理:
面对客户端我们可以使用Javascript脚本来解决,如下
1。重复刷新、重复提交
Ways One:设置一个变量,只允许提交一次。
<script language="javascript">
var checkSubmitFlg = false;
function checkSubmit() {
if (checkSubmitFlg == true) {
return false;
}
checkSubmitFlg = true;
return true;
}
document.ondblclick = function docondblclick() {
window.event.returnValue = false;
}
document.onclick = function doc {
if (checkSubmitFlg) {
window.event.returnValue = false;
}
}
</script>
<html:form action="myAction.do" method="post" onsubmit="return checkSubmit();">
Way Two : 将提交按钮或者image置为disable
<html:form action="myAction.do" method="post"
onsubmit="getElById('submitInput').disabled = true; return true;">
<html:image styleId="submitInput" src=\'#\'" /ok_b.gif" border="0" />
</html:form>
2。防止用户后退
这里的方法是千姿百态,有的是更改浏览器的历史纪录的,比如使用window.history.forward()方
法;有的是“用新页面的URL替换当前的历史纪录,这样浏览历史记录中就只有一个页面,后退按钮永远不会变为可用。”比如使用
javascript:location.replace(this.href); event.returnValue=false;
2.服务器端的处理(这里只说Struts框架的处理)
利用同步令牌(Token)机制来解决Web应用中重复提交的问题,Struts也给出了一个参考实现。
基本原理:
服务器端在处理到达的请求之前,会将请求中包含的令牌值与保存在当前用户会话中的令牌值进行比较,
看是否匹配。在处理完该请求后,且在答复发送给客户端之前,将会产生一个新的令牌,该令牌除传给
客户端以外,也会将用户会话中保存的旧的令牌进行替换。这样如果用户回退到刚才的提交页面并再次
提交的话,客户端传过来的令牌就和服务器端的令牌不一致,从而有效地防止了重复提交的发生。
if (isTokenValid(request, true)) {
// your code here
return mapping.findForward("success");
} else {
saveToken(request);
return mapping.findForward("submitagain");
}
Struts根据用户会话ID和当前系统时间来生成一个唯一(对于每个会话)令牌的,具体实现可以参考
TokenProcessor类中的generateToken()方法。
1. //验证事务控制令牌,<html:form >会自动根据session中标识生成一个隐含input代表令牌,防止两次提交
2. 在action中:
//<input type="hidden" name="org.apache.struts.taglib.html.TOKEN"
// value="6aa35341f25184fd996c4c918255c3ae">
if (!isTokenValid(request))
errors.add(ActionErrors.GLOBAL_ERROR,
new ActionError("error.transaction.token"));
resetToken(request); //删除session中的令牌
3. action有这样的一个方法生成令牌
protected String generateToken(HttpServletRequest request) {
HttpSession session = request.getSession();
try {
byte id[] = session.getId().getBytes();
byte now[] =
new Long(System.currentTimeMillis()).toString().getBytes();
MessageDigest md = MessageDigest.getInstance("MD5");
md.update(id);
md.update(now);
return (toHex(md.digest()));
} catch (IllegalStateException e) {
return (null);
} catch (NoSuchAlgorithmException e) {
return (null);
}
}
展开全部
两种方法解决:
方法一,处理表单使用一个单独的页面,处理完毕使之跳转:
A页面:<form action="B页面"/>;
B页面:对提交来的数据进行处理,处理完毕并跳转到C页面;
C页面:显示已经处理完毕的结果,停留于此页面。刷新无重复提交。
方法二:使用Ajax提交:
A页面:甚至可以不要form,直接使用JS获取表单值并提交到B页面,处理完毕返回结果,可用JS直接在A页面显示结果,也可使之跳转至C页面显示结果,刷新无重复提交。
方法一,处理表单使用一个单独的页面,处理完毕使之跳转:
A页面:<form action="B页面"/>;
B页面:对提交来的数据进行处理,处理完毕并跳转到C页面;
C页面:显示已经处理完毕的结果,停留于此页面。刷新无重复提交。
方法二:使用Ajax提交:
A页面:甚至可以不要form,直接使用JS获取表单值并提交到B页面,处理完毕返回结果,可用JS直接在A页面显示结果,也可使之跳转至C页面显示结果,刷新无重复提交。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你的表单应该给到本页面去了,action给到正确的PHP,返回正确的页面显示,提交后跳转一个页面,或者弹出一个alert 就应该没有了。
你看看你的url路径后面是不是有个#
你看看你的url路径后面是不是有个#
更多追问追答
追问
没有#,提交给服务器端了,数据也返回了,刷新就是重复,用户刷新一万次,就重复一万次
追答
你的表单写的是这样吗()
if($_POST['act']=="sub"){
//代码放里边
}
点击一次submit,提交一次 关刷新什么事?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
提交之后 window.location.href=""
跳转到当前页面
跳转到当前页面
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
location = location.toString()
不要用
location.reload()
不要用
location.reload()
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询