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 相关文章推荐
js 窗口抖动示例
Sep 04 Javascript
jQuery中insertBefore()方法用法实例
Jan 08 Javascript
使用JavaScript刷新网页的方法
Jun 04 Javascript
Bootstrap入门书籍之(五)导航条、分页导航
Feb 17 Javascript
归纳下js面向对象的几种常见写法总结
Aug 24 Javascript
JS实现超简单的汉字转拼音功能示例
Dec 22 Javascript
JS中如何实现点击a标签返回页面顶部的问题
Jan 19 Javascript
Bootstrap下拉菜单Dropdowns的实现代码
Mar 17 Javascript
.vue文件 加scoped 样式不起作用的解决方法
May 28 Javascript
TypeScript基础入门教程之三重斜线指令详解
Oct 22 Javascript
Vue+ElementUI table实现表格分页
Dec 14 Javascript
原生js+canvas实现贪吃蛇效果
Aug 02 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下防止单引号,双引号在接受页面转义的设置方法
2008/09/25 PHP
PHP 模拟登陆MSN并获得用户信息
2009/05/16 PHP
PHP CKEditor 上传图片实现代码
2009/11/06 PHP
PHP小技巧之函数重载
2014/06/02 PHP
微信公众号判断用户是否已关注php代码解析
2016/06/24 PHP
PHP中in_array函数使用的问题与解决办法
2016/09/11 PHP
PHP+iframe图片上传实现即时刷新效果
2016/11/18 PHP
PHP依赖注入(DI)和控制反转(IoC)详解
2017/06/12 PHP
ThinkPHP5.0框架结合Swoole开发实现WebSocket在线聊天案例详解
2019/04/02 PHP
jQuery学习总结之元素的相对定位和选择器(持续更新)
2011/04/26 Javascript
JavaScript 用cloneNode方法克隆节点的代码
2012/10/15 Javascript
判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解
2013/11/07 Javascript
js从Cookies里面取值的简单实现
2014/06/30 Javascript
jQuery实现表单提交时判断的方法
2014/12/13 Javascript
jQuery的观察者模式详解
2014/12/22 Javascript
写给小白的JavaScript引擎指南
2015/12/04 Javascript
jQuery实现的简单悬浮层功能完整实例
2017/01/23 Javascript
Vue AST源码解析第一篇
2017/07/19 Javascript
Vue实战之vue登录验证的实现代码
2017/10/31 Javascript
浅谈jquery中ajax跨域提交的时候会有2次请求的问题
2017/11/10 jQuery
在Vant的基础上封装下拉日期控件的代码示例
2018/12/05 Javascript
vue中使用GraphQL的实例代码
2019/11/04 Javascript
JavaScript 引用类型实例详解【数组、对象、严格模式等】
2020/05/13 Javascript
Element Tooltip 文字提示的使用示例
2020/07/26 Javascript
python判断一个集合是否为另一个集合的子集方法
2018/05/04 Python
python 如何调用远程接口
2020/09/11 Python
5分钟让你掌握css3阴影、倒影、渐变小技巧(小编推荐)
2016/08/15 HTML / CSS
Debenhams爱尔兰:英国知名的百货公司
2017/01/02 全球购物
绘儿乐产品官方在线商店:Crayola.com
2019/09/07 全球购物
应届生体育教师自荐信
2013/10/03 职场文书
《风娃娃》教学反思
2014/04/19 职场文书
公司周年庆典策划方案
2014/05/17 职场文书
2014年材料员工作总结
2014/11/19 职场文书
2016年第16个全民国防教育日宣传活动总结
2016/04/05 职场文书
超级实用!五步法则,教你写好年终工作总结
2019/12/05 职场文书
PHP实现考试倒计时功能代码
2021/04/16 PHP