JSP防止网页刷新重复提交数据的几种方法


Posted in Javascript onNovember 19, 2016

本篇文章主要介绍了网页如何防止刷新重复提交与如何防止后退的解决方法,具体如下:

提交后禁用提交按钮(大部分人都是这样做的)

如果客户提交后,按F5刷新怎么办?

使用Session

在提交的页面也就是数据库处理之前:

if session("ok")=true then
  response.write "错误,正在提交"
  response.end
end if

数据处理完后,修改session("ok")=false。

数据处理成功马上Redirect到另外一个页面

操作后刷新的确是个问题,你可以使用跳转页面、关闭本页面,如果是有参数据条件来控制的,那就应该好做了,可以直接修改window.location的值,把参数全部改掉,这样就差不多了。

缺点:简单地运用Response.Redirect将不再有效,因为用户从一个页面转到另一个页面,我们都必须用客户端代码清除location.history。注意,这种方法清除的是最后一个访问历史记录,而不是全部的访问记录。 点击后退按钮,再点击后退按钮,你可以看到这时打开的是本页面之前的页面!(当然,这是在你的客户端启用了JavaScript功能的条件下。)

如果客户按后退,怎么办?

防止网页后退--禁止缓存

我们在进行数据库添加操作的时候,如果允许后退,而正巧有刷新了页面,就会再次执行添加操作,无疑这不是我们需要的,像一般网上很多禁止缓存的代码,有时并不可靠,这时你只要在操作的页面加上就可以了,在网页的里指定要定向的新页,再点后退,看是不是不会再退到刚才的操作页面了,实际上已经把这个历史给删除了

ASP:

Response.Buffer = True  
Response.ExpiresAbsolute = Now() - 1  
Response.Expires = 0  
Response.CacheControl = "no-cache"

ASP.NET:

Response.Buffer=true;
Response.ExpiresAbsolute=DateTime.Now.AddSeconds(-1);
Response.Expires=0;
Response.CacheControl="no-cache";

究竟怎样才能"禁用"浏览器的后退按钮?或者“怎样才能防止用户点击后退按钮返回以前浏览过的页面?”

遗憾的是,我们无法禁用浏览器的后退按钮。

防止网页后退--新开窗口

用window.open弹出表单页面,点提交后关闭该页;处理提交的ASP页也是用弹出,设定表单的target,点提交时window.open("XXX.asp","_blank"),然后用JS来提交表单,完成后window.close();

简单的说,就是提交表单的时候弹出新窗口,关闭本窗口。对于window.open()打开的窗口怎么后退?能后退到哪里去?

呵呵,罗嗦了一堆废话,知道怎么处理了么?混合运用客户端脚本和服务器端脚本。

jsp重复提交问题

看了网上的,有几种方法:

1 在你的表单页里HEAD区加入这段代码:

<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> 
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">

2 生成一个令牌保存在用户session中,在form中加一个hidden域,显示该令牌的值,form提交后重新生成一个新的令牌,将用户提交的令牌和session 中的令牌比较,如相同则是重复提交

3 在你的服务器端控件的代码中使用Response.Redirect("selfPage")语句。但是大多的数都不使用这种方法。
方法还有很多。。。

4 、

<input type="button" value="提交" onclick="this.disabled=true;this.form.submit()">

5 在JSP页面的FORM表单中添加一个hidden域  

<input  type="hidden"  name="url"value=<%=request.getRequestURL()%>>

在你的serverlet(Java代码)中添加如下语句  

String  url=request.getParameter("url");  
response.sendRedirect(url);

我一般都是采用这样的方法返回JSP页面的,不太明白你说的重复刷新是什么概念 

6 ajax 无刷新提交

7 Web开发中防止浏览器的刷新键引起系统操作重复提交

怎么解决呢?重定向可以解决页面刷新带来的数据的重复提交的问题,我们自然可以利用重定向的方式来解决这个问题。但是struts的action里面mapping.findword();跳转的话,默认的是在工程文件夹里面找要跳转的页面。这种情况,怎么解决呢?

修改struts-config.xml 文件, 在action里面有一个redirect重新定向的属性,struts中默认的是false,添加这个属性,改成true,在forword中写上要跳转页面的绝对或者相对地址就行了

修改如下:

<action-mappings>
<action attribute="newsActionForm" name="newsActionForm"
  input="/addnews.jsp" path="/newsAction" parameter="method"
  scope="request" type="com.yongtree.news.action.NewsAction">
  <forward name="list" path="/listnews.jsp" redirect="true"></forward>
  <forward name="error" path="/addnews.jsp"></forward>
</action>
</action-mappings>

浏览器相关难处理的问题

浏览器的后退按钮使得我们能够方便地返回以前访问过的页面,它无疑非常有用。但有时候我们不得不关闭这个功能,以防止用户打乱预定的页面访问次序。本文介绍网络上可找到的各种禁用浏览器后退按钮方案,分析它们各自的优缺点和适用场合。   

一、概述

曾经有许多人问起,“怎样才能‘禁用'浏览器的后退按钮?”,或者“怎样才能防止用户点击后退按钮返回以前浏览过的页面?”在ASP论坛上,这个问题也是问得最多的问题之一。遗憾的是,答案非常简单:我们无法禁用浏览器的后退按钮。     

起先我对于居然有人想要禁用浏览器的后退按钮感到不可思议。后来,看到竟然有那么多的人想要禁用这个后退按钮,我也就释然(想要禁用的只有后退按钮,不包括浏览器的前进按钮)。因为在默认情况下,用户提交表单之后可以通过后退按钮返回表单页面(而不是使用“编辑”按钮!),然后再次编辑并提交表单向数据库插入新的记录。这是我们不愿看到的。     

因此我就决定要找出避免出现这种情况的方法。我访问了许多网站,参考了这些网站所介绍的各种实现方法。如果你经常访问ASP编程网站,本文所介绍的部分内容你可能已经见到过。本文的任务是把各种可能的方法都介绍给大家,然后找出最好的方法!   

二、禁止缓存   

在我找到的许多方案中,其中有一种建议禁止页面缓存。具体是使用服务器端脚本,如下所示:      

<%   
Response.Buffer  =  True   
Response.ExpiresAbsolute  =  Now()  -  1   
Response.Expires  =  0   
Response.CacheControl  =  "no-cache"   
%>

这种方法非常有效!它强制浏览器重新访问服务器下载页面,而不是从缓存读取页面。使用这种方法时,编程者的主要任务是创建一个会话级的变量,通过这个变量确定用户是否仍旧可以查看那个不适合通过后退按钮访问的页面。由于浏览器不再缓存这个页面,当用户点击后退按钮时浏览器将重新下载该页面,此时程序就可以检查那个会话变量,看看是否应该允许用户打开这个页面。     

例如,假设我们有如下表单:     

<%   
Response.Buffer  =  True   
Response.ExpiresAbsolute  =  Now()  -  1   
Response.Expires  =  0   
Response.CacheControl  =  "no-cache"   
If  Len(Session("FirstTimeToPage"))  >  0  then   
&single;  用户已经访问过当前页面,现在是再次返回访问。   
&single;  清除会话变量,将用户重定向到登录页面。   
Session("FirstTimeToPage")  =  ""   
Response.Redirect  "/Bar.asp"   
Response.End   
End  If   
&single;  如果程序运行到这里,说明用户能够查看当前页面   
&single;  以下开始创建表单   
%>   
<form  method=post  action="SomePage.asp">   
<input  type=submit>   
</form>

我们借助会话变量FirstTimeToPage检查用户是否是第一次访问当前页面。如果不是第一次(即Session("FirstTimeToPage")包含某个值),那么我们就清除会话变量的值,然后把用户重新定向到一个开始页面。这样,当表单提交时(此时SompePage.asp被打开),我们必须赋予FirstTimeToPage一个值。即,在SomePage.asp中我们需要加上下面的代码:    
Session("FirstTimeToPage")   =   "NO"       

这样,已经打开SomePage.asp的用户如果点击后退按钮,浏览器将重新请求服务器下载页面,服务器检查到Session("FirstTimeToPage")包含了一个值,于是就清除Session("FirstTimeToPage"),并把用户重定向到其他页面。当然,所有这一切都需要用户启用了Cookie,否则会话变量将是无效的。

另外,我们也可以用客户端代码使浏览器不再缓存Web页面:     

<html>   
<head>   
<meta  http-equiv="Expires"  CONTENT="0">   
<meta  http-equiv="Cache-Control"  CONTENT="no-cache">   
<meta  http-equiv="Pragma"  CONTENT="no-cache">   
</head>

如果使用上面的方法强制浏览器不再缓存Web页面,必须注意以下几点:     

只有在使用安全连接时“Pragma:   no-cache”才防止浏览器缓存页面。对于不受安全保护的页面,“Pragma:   no-cache”被视为与“Expires:   -1”相同,此时浏览器仍旧缓存页面,但把页面标记为立即过期。在IE   4或5中,“Cache-Control”META   HTTP-EQUIV标记将被忽略,不起作用。     

在实际应用中我们可以加上所有这些代码。然而,由于这种方法不能适用于所有的浏览器,所以是不推荐使用的。但如果是在Intranet环境下,管理员可以控制用户使用哪种浏览器,我想还是有人会使用这种方法。   

三、其他方法

接下来我们要讨论的方法以后退按钮本身为中心,而不是浏览器缓存。这儿有一篇文章Rewiring   the   Back   Button很值得参考。不过我注意到,如果使用这种方法,虽然用户点击一下后退按钮时他不会看到以前输入数据的页面,但只要点击两次就可以,这可不是我们希望的效果,因为很多时候,固执的用户总是能够找到绕过预防措施的办法。     

另外一种禁用后退按钮的办法是用客户端JavaScript打开一个没有工具条的窗口,这使得用户很难返回前一页面,但不是不可能。一种更安全但相当恼人的方法是,当表单提交时打开一个新的窗口,与此同时关闭表单所在的窗口。但我觉得这种方法不值得认真考虑,因为我们总不能让用户每提交一个表单就打开一个新窗口。   

那么,在那个我们不想让用户返回的页面是否也可以加入JavaScript代码呢?在这个页面中加入的JavaScript代码可用来产生点击前进按钮的效果,这样也就抵消了用户点击后退按钮所产生的动作。用于实现该功能的JavaScript代码如下所示:    

<script  language="JavaScript">   
<!--   
javascript:window.history.forward(1);   
//-->   
</script>

同样地,这种方法虽然有效,但距离“最好的方法”还差得很远。后来我又看到有人建议用location.replace从一个页面转到另一个页面。这种方法的原理是,用新页面的URL替换当前的历史纪录,这样浏览历史记录中就只有一个页面,后退按钮永远不会变为可用。我想这可能正是许多人所寻求的方法,但这种方法仍旧不是任何情况下的最好方法。使用这种方法的实例如下所示:       

<A  HREF="PageName.htm"  onclick="javascript:location.replace(this.href);   
  event.returnValue=false;">禁止后退到本页面的链接</A>

禁止后退到本页面的链接!     

这种方法的缺点在于:简单地运用Response.Redirect将不再有效,这是因为每次用户从一个页面转到另一个页面,我们都必须用客户端代码清除location.history。另外还要注意,这种方法清除的是最后一个访问历史记录,而不是全部的访问记录。     

点击上面的链接,你将打开一个简单的HTML页面。再点击后退按钮,你可以看到这时打开的不是本页面,而是本页面之前的页面!(当然,你必须在浏览器中启用了客户端JavaScript代码。)     

经过一番仔细的寻寻觅觅之后,我发现仍旧无法找出真正能够完全禁用浏览器后退按钮的办法。所有这里介绍的方法都能够在不同程度上、以不同的方式禁止用户返回前一页面,但它们都有各自的局限。由于不存在能够完全禁用后退按钮的方法,所以最好的方案应该是:混合运用客户端脚本和服务器端脚本。     

<html>   
<head>   
<meta  http-equiv="Expires"  CONTENT="0">   
<meta  http-equiv="Cache-Control"  CONTENT="no-cache">   
<meta  http-equiv="Pragma"  CONTENT="no-cache">   
</head>    

<script  language="JavaScript">   
<!--    
javascript:window.history.forward(1);   
//-->   
</script>
</html>

Asp.net中防刷新重复提交、防后退方法

简单操作方法防后退和刷新

Page_Load中加入

Response.Cache.SetNoStore();

//Session中存储的变量“IsSubmit”是标记是否提交成功的 
if (!IsPostBack)
if (Session["IsSubmit"]==null)
Session.Add("IsSubmit",false);
if ((bool)Session["IsSubmit"])

{

//如果表单数据提交成功,就设“Session["IsSubmit"]”为false

Session["IsSubmit"] = false;

//显示提交成功信息

TextBox1.Text = " * 提交成功!";

} 
else

{//否则的话(没有提交,或者是页面刷新),不显示任何信息

TextBox1.Text = ""; 
Response.End();
}

提交按钮中加入

Session["IsSubmit"] = true;
Response.Redirect ("本页");

另外:

1、通常应该在业务层进行判断(唯一性)解决这种问题

2、要在页面装载事件写上    Response.CacheControl = "no-cache"     清除缓存

3、也有人这样说:我以前也碰到过这样的问题,是在分步提交中一个人的简历,在写完第一个页面后跳到第二个页面,为了防止用户用后退返回到第一个页面,再重新提交第一个页面,我是当用户提交第一次提交第一个页面时,把插入数据库中的记录的自增长id号放到session里,当用户从第二个页面返回到第一个页面再一次提交该页面时,我就用session里的值去数据库查,如果有这个id就用update语句把第一个页面的数据写进数据库,如果没有查到这个id,就用insert语句。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
尽可能写&quot;友好&quot;的&quot;Javascript&quot;代码
Jan 09 Javascript
javascript动画浅析
Aug 30 Javascript
jQuery侧边栏随窗口滚动实现方法
Mar 04 Javascript
用JQuery 判断某个属性是否存在hasAttr的解决方法
Apr 26 Javascript
js购物车实现思路及代码(个人感觉不错)
Dec 23 Javascript
Jquery操作js数组及对象示例代码
May 11 Javascript
浅析javascript中function 的 length 属性
May 27 Javascript
基于Bootstrap实现Material Design风格表单插件 附源码下载
Apr 18 Javascript
jquery 多个radio的click事件实例
Dec 03 Javascript
Vue2 轮播图slide组件实例代码
May 31 Javascript
vue基础之模板和过滤器用法实例分析
Mar 12 Javascript
JS轻量级函数式编程实现XDM三
Jun 16 Javascript
bootstrap datetimepicker2.3.11时间插件使用
Nov 19 #Javascript
js 定位到某个锚点的方法
Nov 19 #Javascript
js 模仿锚点定位的实现方法
Nov 19 #Javascript
Javascript使用function创建类的两种方法(推荐)
Nov 19 #Javascript
js 中获取制定的cook信息实现方法
Nov 19 #Javascript
微信小程序入门教程
Nov 18 #Javascript
网络传输协议(http协议)
Nov 18 #Javascript
You might like
PHP的password_hash()使用实例
2014/03/17 PHP
PHP+shell脚本操作Memcached和Apache Status的实例分享
2016/03/11 PHP
Yii2实现跨mysql数据库关联查询排序功能代码
2017/02/10 PHP
jquery select动态加载选择(兼容各种浏览器)
2013/02/01 Javascript
javascript文件中引用依赖的js文件的方法
2014/03/17 Javascript
JS实现动态给图片添加边框的方法
2015/04/01 Javascript
对象转换为原始值的实现方法
2016/06/06 Javascript
JS实现简单的二元方程计算器功能示例
2017/01/03 Javascript
js canvas实现适用于移动端的百分比仪表盘dashboard
2017/07/18 Javascript
bootstrap多层模态框滚动条消失的问题
2017/07/21 Javascript
ReactNative踩坑之配置调试端口的解决方法
2017/07/28 Javascript
教你用Cordova打包Vue项目的方法
2017/10/17 Javascript
详解vue-router 初始化时做了什么
2018/06/11 Javascript
微信小程序实现循环动画效果
2018/07/16 Javascript
基于mpvue搭建微信小程序项目框架的教程详解
2019/04/10 Javascript
vscode中eslint插件的配置(prettier配置无效)
2019/09/10 Javascript
vue下的@change事件的实现
2019/10/25 Javascript
jQuery实现推拉门效果
2020/10/19 jQuery
[15:20]DOTA2-DPC中国联赛 正赛 Elephant vs Aster 选手采访
2021/03/11 DOTA
python监控网站运行异常并发送邮件的方法
2015/03/13 Python
Python 爬虫之超链接 url中含有中文出错及解决办法
2017/08/03 Python
python爬虫的数据库连接问题【推荐】
2018/06/25 Python
Python第三方库h5py_读取mat文件并显示值的方法
2019/02/08 Python
详解Python学习之安装pandas
2019/04/16 Python
全球摩托车装备领导者:RevZilla
2017/09/04 全球购物
房地产项目建议书
2014/03/12 职场文书
cf收人广告词
2014/03/14 职场文书
探亲假请假条
2014/04/11 职场文书
初中英语演讲稿
2014/04/29 职场文书
我的中国梦演讲稿500字
2014/08/19 职场文书
羊脂球读书笔记
2015/06/30 职场文书
会计主管竞聘书
2015/09/15 职场文书
2015年小学师德师风建设工作总结
2015/10/23 职场文书
Java数据结构之链表相关知识总结
2021/06/18 Java/Android
MySQL深度分页(千万级数据量如何快速分页)
2021/07/25 MySQL
python画条形图的具体代码
2022/04/20 Python