`
l4432848
  • 浏览: 252902 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

java表单类双击提交

    博客分类:
  • java
阅读更多

双击制御 有些时候一些操作会非常的耗费时间(Long Lived Operation),例如这个数据库的导出,表表生

 

成等。有些时候程序的使用者看到很长时间服务器没有反应,倾向于多次点击提交按钮。这样恰恰相反,由

 

于重新使服务器运行相同的长时间操作,反而让反应时间更慢。

 

  我们如何来制御这样的操作呢? 我们能不能在每个页面生成的时候,自动生成一个特殊的隐藏字段,这

 

个隐藏字段具有唯一性。每次向服务器提交请求的时候,服务器就记录下这个隐藏字段,当在看到有相同的

 

特殊字段的内容提交时,服务器认为这是重复提交,将画面定位到一个特殊的画面来提示客户重复提交了数

 

据。

 

  在Struts2中,内容了对双击的制御操作,特殊的隐藏字段叫做token。

 

  如何在生成页面的时候生成token字段? 使用token标签。 代码如下:

 

  <s:url id="formUrl" action="longLivedTokenAction"/>

 

  <s:form action="%{formUrl}" method="post">

 

  <s:token />

 

  <s:textfield name="name" label="Name"/>

 

  <s:textfield name="password" label="Password"/>

 

  <s:submit/>

 

  </s:form>

 

  其中<s:token />标签用来生成一个唯一的隐藏字段,在运行的时候生成的内容如下: <input

 

type="hidden" name="struts.token"value="C21ZWHEH0Q4B6FY15ZO5BFM1I9W8SIQH" />

 

  如何在服务器上记录已经提交的token? 可以使用token intercepter。 代码如下:

 

  <action name="longLivedTokenAction" class="com.jpleasure.LongLivedTokenAction">

 

  <interceptor-ref name="token"/>

 

  <interceptor-ref name="basicStack"/>

 

  <result>/jsp/longLived.jsp</result>

 

  <result name="invalid.token">/jsp/invalidToken.jsp</result>

 

  </action>

 

  上述<interceptor-ref name="token"/>表示所有的请求必须经过token Interceptor,token Interceptor作

 

用就是纪录所有已经提交的token。那么发现提交的token被重复提交的时候怎么办呢?也许大家已经猜到

 

了,他会重定向到invalid.token所指向的页面,也就是/jsp/invalidToken.jsp。

 

  基于Interceptor的执行顺序按照struts.xml中定义的顺序,为了更早的结束重复提交的处理,应该将

 

Token Interceptor放在所有Interceptor的最面。

 

  有了上述的Token Interceptor,可以防止客户重复提交,大大地降低了服务器的负荷。但是对用户来

 

说,可能会很不方便,一不小心点击了提交按钮,进入到了invalid.token页面,就再也回不去了,上述的操

 

作就再也看不见了。

 

  等待画面 我们能不能提供一个等待画面呢? 每次我们提交之后画面立即迁移到一个类似状态条的画面

 

,这个画面不断的向服务器请求,以确定Action是否执行完毕,一旦Action执行完毕,立即定位到正确的画

 

面。这样不是更好。

 

  Struts2也提供了对等待画面的支持。 首先当我们提交完成的时候,画面会前一到一个叫做等待画面的页

 

面。等待画面定时的向服务器提交请求,以确定服务器操作是否完成。另外正在执行的Action需要有一个拦

 

截对象,拦截等待页面的每一次请求,告诉等待页面是否处理完成。

 

  首先我们需要定义,等待页面和Action是否完成的拦截对象

 

  <action name="longLivedAction" class="com.jpleasure.LongLivedAction"> <interceptor-ref

 

name="completeStack"/>

 

  <interceptor-ref name="execAndWait"/>

 

  <result name="wait">/jsp/wait.jsp</result>

 

  <result name="success">/jsp/after.jsp</result>

 

  </action>

 

  <result name="wait">/jsp/wait.jsp</result>定义了等待画面是/jsp/wait.jsp,当我们向服务器提交请求之

 

后,画面会迁移到这个画面。

 

  <interceptor-ref name="execAndWait"/>定义了一个拦截对象,告诉等待画面是否完成了长时间操

 

作。 那么等待画面如何定期的查询呢? 之需要一个指向该Action调用的一个不断地刷新即可。代码如下:

 

  <%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@taglib prefix="s"

 

uri="/struts-tags" %>

 

  <html> <head>

 

  <title>Please wait</title>

 

  <meta http-equiv="refresh" content="5;url=<s:url includeParams='all'/> "/>

 

  </head>

 

  <body>

 

  </body>

 

  </html>

 

  Please wait while we process your request. <a href="<s:url includeParams="all" />"> Click Here</a> if

 

this page does not reload automatically.

 

  上述黑体部分表示,一旦画面建立,就建立了一个刷新,每5秒钟刷新一次,刷新的廉洁为 url=<s:url

 

includeParams=”all”/>,meta是标准浏览器支持的内容之一。

 

  在运行的时候可以看到生成需下的内容:

 

  <meta http-equiv="refresh" content="5;url=/wait/jsp/longLivedAction.action?

 

name=zhangsf&value=119 "/>

 

  如果浏览器不支持自动刷新也不要紧,可以让客户自己点击Click Here来确定操作是否完成。

 

  其实这里最重要的是execAndWait Interceptor,每次向它拦截的Action发送请求的时候,execAndWait

 

会确定Action操作是否完成,如果完成,将画面定位到对应的页面(通常是SUCCESS指向的页面),否则纸

 

箱wait指向的页面。

技术分享:凯哥学堂

0
2
分享到:
评论

相关推荐

    JSP避免Form重复提交的三种方案

    在Web开发中,尤其是使用JavaServer Pages (JSP)时,Form表单的重复提交问题是一个常见的挑战。这可能导致数据不一致性和服务器资源的浪费。本文将探讨三种防止JSP表单重复提交的方法。 首先,我们可以使用...

    Web应用中避免Form重复提交的三种方案

    - 使用`document.ondblclick`和`document.onclick`事件监听器防止通过双击或点击按钮重复提交表单。 #### 二、使用JavaScript禁用提交按钮 **2. 禁用提交按钮** 另一种方法是在提交表单时禁用提交按钮,防止用户...

    基于Java swing开发的预约洗车系统,可实现预约洗车的所有功能

    最终,完成的Java Swing应用需要打包成可执行的JAR文件,用户可以通过双击运行。如果需要跨平台兼容,可以考虑使用Java Web Start或者打包成操作系统特定的可执行文件。 以上就是基于Java Swing的预约洗车系统的...

    easyui java系统

    - RESTful API 设计:Java 后端需要提供符合 REST 规范的接口,以便前端进行数据请求和提交操作。 - Spring MVC 或其他框架集成:Spring MVC 可以方便地与 EasyUI 集成,处理 HTTP 请求和返回 JSON 数据。 3. **...

    Java script脚本常用代码

    表单提交 ```javascript document.getElementById('myForm').submit(); ``` ##### 3. 表单重置 ```javascript document.getElementById('myForm').reset(); ``` #### 六、字符串操作 ##### 1. 字符串分割 ```...

    Javaweb使用getPart接收表单文件过程解析

    在前台页面form.jsp中,我们创建了一个表单,并设置其提交方式为post,同时指定表单编码类型为multipart/form-data,这是上传文件所必需的。表单中包含一个类型为file的input,用于选择要上传的文件,以及一个提交...

    MouseListener实例

    这是最常被关联到用户意图的事件,例如提交表单或触发某些功能。 2. `mousePressed(MouseEvent e)`:当鼠标按钮被按下时调用。此事件在`mouseClicked`之前发生,可用于检测双击或其他多点击行为。 3. `...

    JSP避免Form重复提交的三种方案.docx

    在JSP开发中,防止表单(Form)重复提交是一个重要的问题,因为它可能导致数据的冗余或不一致性。以下是对避免Form重复提交的三种常见方案的详细解释: 1. JavaScript控制提交: 这种方法通过JavaScript在客户端...

    Java_script脚本常用代码(全)

    - **onsubmit**:在表单提交前执行函数。 - 示例:`()"&gt;` - **form.reset()**:重置表单。 - 示例:`document.getElementById('myForm').reset();` ##### 16. **字符串操作** - **String.charAt()**、**...

    Java struts html 标签

    它可以简化表单的创建过程,并提供对表单提交方式、编码类型等属性的配置。 - **Action**: 指定表单提交的目标URL或ActionMapping。 - **Method**: 指定表单提交的方式,支持 `POST` 和 `GET`。 - **Enctype**: ...

    《Java-web程序设计》教案.doc

    - 支持与用户的交互,例如表单提交。 - 自动更新,无需手动修改HTML文件。 - **应用场景**: - 用户注册和登录。 - 数据查询。 - 内容管理。 - **技术基础**: - B/S架构:客户端通过浏览器访问服务器端提供的...

    Introduction to JavaServer Faces using JDeveloper

    例如,在“welcome.xhtml”中添加一个链接指向“login.xhtml”,而在“login.xhtml”中添加一个表单提交动作以导航到“hello.xhtml”。 5. **运行应用程序** 在完成所有页面的设计和导航配置后,可以通过 ...

    jquery liger ui demo2增删改查(与java后台交互).rar

    用户填写完信息后,前端通过Ajax向Java后台发送POST请求,将新数据提交到服务器进行保存。后台通常会使用如Spring MVC或Struts2等框架来处理这些请求,进行数据验证和持久化操作。 2. **删除(Delete)**:在Grid...

    javascript 单选按钮 单击选中 双击取消选择实现代码

    单选按钮通常被包裹在一个`&lt;form&gt;`元素中,并且它们具有相同的`name`属性,以便在表单提交时,只有同一组中的一个单选按钮可以被选中。单个单选按钮由`&lt;input&gt;`标签定义,并且包含`type="radio"`属性。例如: ```...

    tomcat中的计算器网页版那

    在这个计算器应用中,JavaScript可能被用来验证用户输入、处理表单提交以及与后台Servlet进行异步通信(如使用Ajax技术)。 5. **Web Application Deployment(Web应用部署)**:在Tomcat中部署计算器应用,通常...

    loginbox.rar_Jsp/Servlet_Java_

    在这个项目中,JSP文件可能包含了登录表单的HTML结构,以及处理用户提交的登录请求的Java脚本片段。当用户提交登录信息时,这些脚本会验证用户名和密码,如果验证通过,则可能重定向用户到主页,否则显示错误信息。 ...

    JBuilder2005实战JSP(转载)

    首先,通过菜单栏选择"File" -&gt; "New" -&gt; "Web",然后双击"JSP"图标,会弹出创建JSP向导。向导中,你可以指定JSP要加入的Web模块,若工程中只有一个webModule,则默认选择。在"Name"字段中,你可以输入JSP文件的名称...

    2021-2022计算机二级等级考试试题及答案No.10373.docx

    5. RandomAccessFile类:Java中的RandomAccessFile类允许对文件进行随机读写,既能读取也能写入数据。 6. 软件需求规格说明书:它是软件开发过程中的重要文档,作为验收依据、用户与开发人员的共识,也是设计的依据...

Global site tag (gtag.js) - Google Analytics