`
congjl2002
  • 浏览: 215861 次
  • 性别: Icon_minigender_1
  • 来自: 辽宁
社区版块
存档分类
最新评论

防止用户后退重复提交表单

阅读更多

浏览器的后退按钮使得我们能够方便地返回以前访问过的页面,它无疑非常有用。但有时候我们不得不关闭这个功能,以防止用户打乱预定的页面访问次序。本文介绍网络上可找到的各种禁用浏览器后退按钮方案,分析它们各自的优缺点和适用场合。
    一、概述  
       曾经有许多人问起,“怎样才能‘禁用’浏览器的后退按钮?”,或者“怎样才能防止用户点击后退按钮返回以前浏览过的页面?”我访问了许多网站,参考了这些 网站所介绍的各种实现方法。如果你经常访问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        
    "用户已经访问过当前页面,现在是再次返回访问。        
    "清除会话变量,将用户重定向到登录页面。        
    Session("FirstTimeToPage") = ""        
    Response.Redirect "/Bar.asp"        
    Response.End        
End If      
    "如果程序运行到这里,说明用户能够查看当前页面  
    "以下开始创建表单        
%>     
    <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; ">   
    禁止后退到本页面的链接            
       试试下面这个链接:        
       禁止后退到本页面的链接!        
       这种方法的缺点在于:简单地运用Response.Redirect将不再有效,这是因为每次用户从一个页面转到另一个页面,我们都必须用客户端代码清除 location.history。另外还要注意,这种方法清除的是最后一个访问历史记录,而不是全部的访问记录。        
       点击上面的链接,你将打开一个简单的HTML页面。再点击后退按钮,你可以看到这时打开的不是本页面,而是本页面之前的页面!(当然,你必须在浏览器中启用了客户端javascript代码。)        
       经过一番仔细的寻寻觅觅之后,我发现仍旧无法找出真正能够完全禁用浏览器后退按钮的办法。所有这里介绍的方法都能够在不同程度上、以不同的方式禁止用户返 回前一页面,但它们都有各自的局限。由于不存在能够完全禁用后退按钮的方法,所以最好的方案应该是:混合运用客户端脚本和服务器端脚本。

分享到:
评论
2 楼 congjl2002 2008-09-11  
struts1中也有类似的用法,实现起来还是比较麻烦,我现在一般就是用重定向,他要是在提交的过程中没完没了的刷就不管他了
1 楼 congpeixue 2008-09-11  
struts2 令牌 + js设置button的disabled属性

相关推荐

    防止刷新后退重复提交

    以下是针对"防止刷新后退重复提交"这一主题的详细知识点: 1. **令牌(Token)技术**: 服务器在处理表单提交前,生成一个唯一的令牌(Token),将其隐藏在表单中一起发送给客户端。当客户端提交表单时,服务器...

    防止表单重复提交

    第二种情况,用户在表单提交后刷新页面,会导致浏览器重新发送之前的POST请求,从而可能重复提交表单。由于HTTP协议的特性,GET请求的刷新不会造成问题,但POST请求会被再次发送。为解决这个问题,可以采用服务器端...

    asp.net 防止用户通过后退按钮重复提交表单

    在ASP.NET开发中,防止用户通过浏览器的后退按钮重复提交表单是一个常见的问题,因为这可能导致数据的不一致性和数据库的错误。以下是一些防止这种情况的方法和相关的知识点: 1. **利用HTTP响应头控制缓存** - `...

    J2EE框架-重复提交、重复刷新、防止后退的问题以及处理方式

    处理重复提交、重复刷新和防止后退,需要结合客户端和服务器端的技术手段,确保用户交互过程中的数据一致性与系统稳定性。在设计和实现时,应充分考虑用户体验,避免过于繁琐的验证流程,同时兼顾系统的安全性和可用...

    几种防止表单重复提交的方法

    使用浏览器后退按钮重复之前的操作,导致重复提交表单。 使用浏览器历史记录重复提交表单。 浏览器重复的HTTP请求。 几种防止表单重复提交的方法 禁掉提交按钮。表单提交后使用Javascript使提交按钮disable。这种...

    防止页面的重复提交和刷新

    重复提交通常发生在用户在未收到明确反馈的情况下尝试多次提交表单的情况。这种情况可能会导致数据库中出现重复的数据记录,从而影响数据的一致性和准确性。例如,在在线购物系统中,用户可能会担心支付请求没有被...

    ThinkPHP防止重复提交表单的方法实例分析

    此方法可以有效防止用户在页面跳转前重复点击提交按钮,但用户仍有可能通过浏览器的刷新功能来重复提交表单。 3. Token令牌法:这是一种服务器端解决方案,通过在表单中添加一个隐藏的Token字段,在提交数据时验证...

    防止用户将表单重复提交的方法汇总

    使用浏览器后退按钮重复之前的操作,导致重复提交表单。 使用浏览器历史记录重复提交表单。 浏览器重复的HTTP请求。  几种防止表单重复提交的方法  1.禁掉提交按钮。表单提交后使用Javascript使提交按钮disable。...

    Java怎样防止重复提交

    - 这是一种设计模式,用于防止由于用户误操作或浏览器后退按钮导致的重复提交。每个表单提交时附带一个与Session中保存的令牌相匹配的令牌,提交后更新Session中的令牌,使得下一次提交的令牌无法匹配,从而避免...

    PHP防止表单重复提交的几种常用方法汇总

    通过在客户端实现的JS代码可以禁用提交按钮,当用户点击提交按钮后,按钮自动被禁用,阻止用户重复提交表单。这种方法实现简单,但它的安全性较低,因为如果用户关闭了JavaScript或者使用了不支持JavaScript的浏览器...

    php中如何防止表单的重复提交

    这种方法可以避免浏览器的刷新或后退按钮导致的重复提交,同时也可以防止表单数据被浏览器缓存。 4. **数据库唯一约束**: 对于某些关键字段,例如订单号或用户名,可以在数据库中设置唯一性约束。当尝试插入重复...

    Asp.net刷新重复提交

    在ASP.NET web应用程序中,"刷新重复提交"是一个常见的问题,它发生在用户点击浏览器的刷新按钮或者使用前进/后退导航时。这可能导致数据的不一致性和错误,因为服务器可能会收到相同请求的多次处理,而这些请求原本...

    JSP_重复提交_解决方法

    **场景说明**:重复提交和刷新通常发生在用户操作过程中,特别是在提交表单后,如果用户不知道操作是否成功完成,可能会尝试刷新页面或重复点击提交按钮,这就会导致数据被重复提交到服务器。 **是否需要处理**:...

    javascript下阻止表单重复提交、防刷新、防后退

    JavaScript 防止表单重复提交、防刷新、防后退解决方案 在 Web 开发中,防止表单重复提交、防刷新、防后退是非常重要的,否则可能会导致数据的不一致和安全问题。本文将介绍服务器端和客户端两种解决方案。 服务器...

    js防止表单重复提交实现代码

    在Web开发中,防止表单重复提交是一个重要的问题,它涉及到数据一致性、用户体验以及...同时,通过控制浏览器缓存,可以防止用户通过后退按钮重复提交表单。在ASP等环境中,可以使用随机表单字段名来达到类似的效果。

    ThinkPHP 防止表单重复提交的方法

    在Web开发中,防止用户表单的重复提交是一个常见的需求,目的是避免用户在提交表单后,通过刷新页面或点击浏览器的后退按钮再次提交表单,造成重复的数据处理、重复的订单或数据的不一致等问题。ThinkPHP作为一个...

Global site tag (gtag.js) - Google Analytics