Struts2可以和JQuery 完美结合.
我假定你已经在你的项目中选择了Struts2,你的项目中会有一些表单需要作前端验证, 比如登录表单, 注册表单等等, 甚至, 你还想加一些Ajax进去, 这一切, Struts2和它的JQuery 插件可以帮你搞定.
OK, 在讲这些之前, 可以先看看Jquery 插件的 Show case, 以印证我之前提到的所谓的完美.
http://www.weinfreund.de/struts2-jquery-showcase/index.action接下来我分几个步骤一步步讲如何将Struts2 与JQuery 两者整合.
第一步:引入Struts2-Jquery 插件 如果你的项目是基于Maven开发, 则在你的pom.xml里面加入
<dependency><groupId>com.jgeppert.struts2.jquery</groupId>
<artifactId>struts2-jquery-plugin</artifactId>
<version>2.0.0</version>
</dependency>
第二步：在表单中使用Jquery 组件画一个日期控件
要用JQuery 画 UI控件， 就要在jsp 页面中引入Jquery 相关的的JS文件, 使和Struts2-Jquery 插件会使这一步变得很简单。
1.在jsp页面引入 struts2 Jquery 标签， 如下：
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
2.在<head></head> 之间加入Jquery头标签, 实际上这个标签的作用就是帮你引入Jquery 的相关js 文件， 同时， 初始化一些配置信息：
<sj:head locale=’en’ jqueryui="true"/>
3. 在表单里面放入你想放的日期控件， 并打开网页查看效果。
<sj:datepicker id="date0" label="Select a Date" />
第三步:中文
我相信你在完成第二步的时候已经开始查看你的页面效果了， 你是不是看到了一个日期控件？ 可惜它是英文的， 如果你不是在做外包， 估计你还得往下看。
在第二步时， 我在<head></head> 之间加入Jquery头标签已经定义了接下来展示的控件是英文的。
<sj:head locale=’en’ jqueryui="true"/> 中的 locale=’en’ 就表示要使用英文展示控件内容， 将它变成 locale=’zh_CN’ 使表示要展示的是简体中文内容的控件啦。
可是,别急..你得注意一下你的网页字符格式,它是UTF-8吗?如果是,恭喜你完工了,打开网页你就可以看到一个中文化的日期控件。
可是现实很残酷,在中国的软件公司做中国的项目， 数据库里存的尽是GB2312, 说是为了节省空间， 好像这年头最贵的不是程序员工资而是服务器硬盘。 网页打开的格式也基本要求是GB2312或GBK。
这给Java程序员引入开源带来不少麻烦， 因为老外它就认UTF-8, 在Struts2-JQuery 插件里面存的js格式也是UTF-8的。
在GBK格式的网页里面一引入带中文字符的UTF-8格式的js文件就会出js错误。
办法：
在Struts2-Jquery 插件里面有两个带中文字符的js文件,分别是 template/i18/grid.locale-zh-CN.js 和 template\i18n\jquery.ui.datepicker-zh-CN.min.js 把它们拉出来， 改为GB2312的。 存到class目录的 template/i18n 目录下。 根据class加载顺序， 应当会将class目录下的两个文件载入 struts2-Jquery.jar 目录中的两个js文件会被忽略。
好了,GBK格式的网页的麻烦也没有啦…
第四步：表单验证
服务器当然也可以完成验证工作， 而表单客户端验证其实是变相的把一部分计算让客户端来承担。
打开以下链接， 可以看到Jquery validation 的 Demo
http://bassistance.de/jquery-plugins/jquery-plugin-validation/
JQuery 的验证框架整合到 Struts2 中非常easy.
如下：
在JSP的head 中引入 javascript 文件。
http://IP/app/js/jquery.validate.min.js
另加一段Javacript
<script>
$(document).ready(function(){
$("#formId").validate();
});
</script>
假设你的表单项如下：
<form id="formId">
<input type="text" name="username" />
<input type="submit" value="提交" />
</form>
这样就说明,你的验证框架已经和 fromId 这个表单建立了关联, 假设你想把表单项 username 设置为必填项， username 表单项改为如下:
<input type="text" name="username" class="required"/>
好了这时候,你点击提交按钮的时候便会提示 usrename is required.
第五步:Ajax 提交
struts-jquery 插件提供了ajax 的表单提交按钮.
<s:form id="form" action="echo" theme="simple" cssClass="yform">
<fieldset>
<legend>AJAX Form</legend>
<div class="type-text">
<label for="echo">Echo: </label>
<s:textfield id="echo" name="echo" value="Hello World!!!"/>
</div>
<div class="type-button">
<sj:submit targets="formResult" value="AJAX Submit" /> </div>
</fieldset>
</s:form>
<div id="formResult"></div>
以上的代码表示提交到服务器之后， 服务器返回的内容将展示到id为formResult的div上。
相关推荐
在本项目中，"struts2整合jquery实现层拖拽即时保存"，指的是利用jQuery的拖放功能（draggable）和Struts2的Action机制，实现在Web页面上拖动层（div或者其他元素）并即时保存其位置信息到服务器。以下是这个项目...
### Struts2整合jQuery实现Ajax功能 #### 一、引言 随着Web应用程序的发展，用户对交互性和响应速度的要求越来越高。传统的Web表单提交方式已无法满足这些需求，因此Ajax技术逐渐成为提升用户体验的重要手段之一。...
在整合jQuery和Struts2之前，我们需要确保所有的依赖库已经正确地引入到项目中。关键的jar包包括： - commons-fileupload-1.2.1.jar：用于文件上传 - struts2-core-2.1.8.jar：Struts2的核心库 - ognl-2.7.3.jar：...
Struts2是一个强大的MVC（模型-视图-控制器）框架，用于构建Java Web应用程序。在Web开发中，Struts2提供了丰富的功能，包括动作调度、数据验证、国际化支持等，使得开发者能够更加高效地组织和管理代码。而jQuery则...
Struts2是一个强大的MVC框架，它为Java开发者提供了构建Web应用程序的结构和控制层。在Struts2中，Action是处理用户请求的核心组件，它接收来自控制器的请求，执行相应的业务逻辑，并返回结果到视图层。jQuery则是一...
以上是关于"struts2整合jquery例子"中涉及的主要知识点，通过这个例子，你可以学习到如何在实际项目中有效地结合Struts2和jQuery，提升Web应用的开发效率和用户体验。在实践过程中，你还将接触到更多的实际问题，如...
在"strutsJquery"这个压缩包中，可能包含了Struts2整合jQuery的示例代码，包括Action类、JSP页面、配置文件等。通过学习这些示例，你可以更好地理解如何在实际项目中实现Struts2与jQuery的JSON交互。这涉及到前端与...
而Struts2是一个基于MVC设计模式的Java Web框架，用于构建可维护性和可扩展性高的应用程序。将jQuery与Struts2整合，可以充分利用两者的优势，提供更流畅的用户界面和高效的后端处理。 **1. 整合步骤** (1) **引入...
在Struts2框架中整合jQuery，我们可以实现更高效和流畅的Web应用交互，尤其是通过Ajax进行异步数据提交和对象列表展示。以下是整合过程的详细步骤及知识点： 首先，我们需要确保具备以下环境： 1. Struts2框架版本...
本文将详细解析如何通过Struts2框架整合jQuery来实现Ajax功能，具体涉及的知识点包括：Struts2框架基础、jQuery库的应用、Ajax原理以及具体的代码示例分析。 ### Struts2框架基础 Struts2是一个基于MVC（Model-...
Struts2是一个强大的MVC框架，用于构建企业级的Web应用程序，而jQuery则是一个高效的JavaScript库，简化了DOM操作、事件处理以及Ajax交互。在本项目中，我们关注的是将这两者结合使用，实现基于jQuery的...
Struts2是一个强大的Java web应用程序框架，它提供了一种组织MVC（模型-视图-控制器）架构的方式，使得开发者可以更...通过学习和研究这个示例，开发者可以掌握Struts2和jQuery的深度集成技巧，提升自己的Web开发能力。
Struts2是一个强大的MVC（模型-视图-控制器）框架，它被广泛应用于Java Web开发中，提供了优雅的方式来组织和控制应用程序的行为。jQuery UI则是一个基于jQuery库的用户界面插件集合，提供了多种可交互的UI组件，如...
Struts2是基于Model-View-Controller（MVC）设计模式的Java Web应用框架，用于简化和规范大型应用程序的开发。它提供了一种组织和控制应用程序逻辑的方式，使开发者可以更专注于业务逻辑而不是底层的HTTP请求处理。...
整合jQuery Validate和Struts2的步骤如下： 1. **引入依赖**：在HTML文件中引入jQuery、jQuery Validate及相应的CSS样式文件，同时确保Struts2的库已添加到项目类路径中。 2. **配置Struts2**：在struts.xml配置...
在实际开发中，整合JQuery EasyUI与Struts2可以使前端界面与后端服务无缝对接，实现数据的动态交互。下面我们将详细探讨这个过程中的关键知识点： 1. **JQuery EasyUI**：EasyUI提供了预定义的CSS和JavaScript组件...
Struts2是一个强大的MVC（模型-视图-控制器）框架，它在Java Web开发中被广泛应用。结合jQuery，一个轻量级、高效的JavaScript库，可以实现动态、异步的数据交互，即Ajax（Asynchronous JavaScript and XML）技术，...
总结来说，"struts jquery"组合意味着在Struts 2框架下使用jQuery进行前端开发，通过Struts 2的控制器层和jQuery的客户端功能，实现高效、交互性强的Web应用。压缩包中的"struts2+jQuery所需jar包"应该是包含了...
在Struts2框架中整合Ajax以实现异步数据交互，JSON（JavaScript Object Notation）扮演了关键角色。JSON是一种轻量级的数据交换格式，它允许Web应用与服务器之间高效地传输数据，而无需进行繁琐的HTTP请求。在这个...