基于不重新发明轮子的原则,Struts 2并没有开发新的AJAX框架,而是使用时下Java EE平台中比较流行的AJAX框架——Dojo和DWR。
最近在Musachy Barroso等同志的无私奉献下,开发了Struts 2的JSON插件(Plugin),极大地方便了我们输出JSON结果(Result)。这些框架都是开发Ajax不错的选择,项目中可选择使用。
一、使用Ajax主题提交表单
1、JSP页面
<s:head theme="ajax"/>
<div id="show">原始内容</div>
<s:form action="deal" method="post" theme="ajax">
<s:datetimepicker name="chooseDate" label="日期选择"/>
<s:submit targets="show" loadingText="请等待,提交中..."/>
</s:form>
2、Action配置
<action name="deal" class="com.xy.struts2.DealWithParams">
<!-- 使用Ajax主题提交后必须返回一个视图 -->
<result name="success">/AjaxResult.jsp</result>
</action>
3、AjaxResult
<%@ page language="java" pageEncoding="GBK"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
//设置页面不缓存
request.setAttribute("decorator","none");
response.setHeader("Cache-Control","no-cache");
response.setHeader("Pragma","no-cache");
response.setDateHeader("Expires",0);
%>
<!-- 下面是Action返回页面的数据 -->
<s:property value="chooseDate"/>
<s:property value="msg"/>
4、Action
代码略。
5、小结
利用Struts2整合的Ajax主题,可用实现表单异步提交,但是必须使用一个额外的视图来接受数据,有点麻烦。
二、使用JSON插件开发Ajax
JSON插件提供了一种名为json的ResultType,一旦为某个Action指定了一个类型为json的Result,则该Result无需映射到任何视图资源。因为JSON插件会负责将Action里的状态信息序列化成JSON格式的数据,并将该数据返回给客户端页面的JavaScript。
简单地说,JSON插件允许我们在JavaScript中异步调用Action,而且Action不再需要使用视图资源来显示该Action里的状态信息,而是由JSON插件负责将Action里的状态信息返回给调用页面——通过这种方式,就可以完成Ajax交互。
Struts2提供了一种可插拔方式来管理插件,安装Struts2的JSON插件与安装普通插件并没有太大的区别,一样只需要将Struts2插件的JAR文件复制到Web应用的WEB-INF/lib路径下即可。
(1)将json-plugin.jar文件复制到Web应用的WEB-INF路径下,即可完成JSON插件的安装。
(2)把JSON.js、prototype-1.4.0.js复制到js文件夹下
(3)完成JSP页面
<%@ page language="java" pageEncoding="GBK"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<title><s:text name="user.register" /></title>
<!--导入JS内库-->
<script src="js/prototype-1.4.0.js" type="text/javascript"></script>
<script src="js/json.js" type="text/javascript"></script>
<!--自定义Ajax事件-->
<script language="JavaScript">
function validateName()
{
//请求的地址
var url = 'validateName.action';
var params = Form.Element.serialize('user.uid');
//创建Ajax.Request对象,对应于发送请求
var myAjax = new Ajax.Request(
url,
{
//请求方式:POST
method:'post',
//请求参数
parameters:params,
//指定回调函数
onComplete: processResponse,
//是否异步发送请求
asynchronous:true
});
}
function processResponse(request)
{
var action = request.responseText.parseJSON();
$("tip").innerHTML = action.tip;
$("tip2").innerHTML='欢迎您,'+action.user.uid;
}
</script>
</head>
<body>
<span id="tip" style="color:red;font-weight:bold"></span>
<s:form action="Register" validate="true">
<s:textfield name="user.uid" key="user.uid" onblur="validateName();"/>
<s:password name="user.upwd" key="user.upwd" />
<s:submit key="submit" />
</s:form>
</body>
</html>
(4)完成Action
代码略。
(5)配置Action
<package name="a" extends="json-default" namespace="">
<action name="validateName" class="demo.ValidateName">
<result type="json"/>
</action>
(6)总结
使用JSON插件开发Ajax非常方便。
分享到:
相关推荐
本项目"struts2ajax"是基于Struts2框架,利用jQuery库实现的Ajax功能示例。jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互,使得开发者更容易实现复杂的前端效果和交互。 首先,我们...
### 基于Struts 2 Ajax实现的Login应用知识点详解 #### 一、Struts 2框架简介 Struts 2是Apache Struts的第二个版本,它是一个用于开发Java Web应用程序的开源框架。该框架提供了强大的MVC(模型-视图-控制器)...
在Struts2中,我们可以利用Ajax和JSON来实现数据的异步交互。 **一、引入所需库** 首先,为了在Struts2中使用Ajax和JSON,我们需要引入以下库: 1. Struts2的核心库:`struts2-core.jar` 2. Struts2的JSON插件:`...
"struts2_ajax.rar_struts2 ajax"这个压缩包文件很显然包含了关于如何在Struts2框架中集成和使用Ajax的示例和教程。 首先,理解Struts2的基础架构至关重要。Struts2的核心是Action类,它负责处理用户的请求并返回...
3. **Struts2插件支持**:Struts2提供了Ajax插件,如`struts2-jquery-plugin`和`struts2-json-plugin`,这些插件简化了Ajax与Struts2的集成。它们提供了一系列预定义的标签,可以直接在JSP中使用,无需手动编写...
在Struts2中,Ajax和JSON技术的结合使得前后端交互变得更加高效和实时,为用户提供了更好的体验。现在我们来深入探讨这些知识点。 首先,`Ajax`(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况...
在Struts2中实现Ajax图片上传功能,可以帮助用户在不刷新整个页面的情况下提交图片,提高用户体验。Ajax技术利用JavaScript的XMLHttpRequest对象与服务器进行异步数据交换,使得网页部分更新成为可能。 首先,我们...
Struts2、Ajax、JSON和jQuery是Web开发中常见的技术,它们共同构建了现代Web应用程序的交互性。在这个"struts2 Ajax json Jquery demo"中,我们将探讨这些技术如何协同工作,创建一个异步数据交换的示例。 首先,...
Struts2是一个强大的Java web框架,它为开发者提供了丰富的功能,包括对AJAX(Asynchronous JavaScript and XML)的优秀支持。在Web开发中,AJAX技术允许页面在不刷新整个页面的情况下与服务器进行异步通信,提升了...
1. **.struts2-jquery-plugin**:这是一个流行的Struts2插件,提供了一系列的Ajax标签库,如sj:ajax,可以直接在JSP页面上使用。 2. **JSON结果类型**:在struts.xml中配置JSON结果类型,使Action可以返回JSON格式的...
1. **使用Struts2的内置Ajax插件**:Struts2提供了一个名为Struts2 jQuery插件或Struts2 AJAX插件,它们提供了许多预定义的Ajax行为和标签,如`<s:ajax>`,可以直接在JSP页面中使用,简化Ajax的实现。例如: ```jsp...
6. Struts2与Ajax的集成,使用JQuery的$.ajax()或$.getJSON()方法 7. 请求与响应的处理,包括参数传递和数据封装 8. 实例演示:使用Struts2+Jquery+Ajax实现动态加载数据或表单验证 "struts2 jar"文件包含了Struts2...
Struts2、jQuery和Ajax是Web开发中的三个关键组件,它们共同构成了文件异步上传的基础框架。这个项目是在MyEclipse环境下实现的一个简单的文件上传功能,让我们深入了解一下这些技术及其在文件上传中的应用。 首先...
Struts2的AJAX支持并不是从零开始创建一个新的AJAX框架,而是选择了当时在Java EE平台上广泛使用的AJAX库,如Dojo和Direct Web Remoting (DWR)。这样做不仅可以利用已有的成熟技术,同时也降低了学习曲线,使得...
Struts2是一个非常流行的Java Web框架,它支持多种扩展,包括Ajax功能。在Struts2中实现Ajax交互,通常需要依赖一些特定的库和插件。以下是对"ajax-struts2需要的3个包"的详细解释: 1. **json.js**: 这是一个...
Struts2 和 AJAX 是两种在 Web 开发中广泛使用的技术,它们各自有着独特的优势,并且在结合使用时能显著提升用户体验。Struts2 是一个基于 Model-View-Controller(MVC)架构的 Java 框架,它为构建可维护、可扩展的...
在这个"struts2+ajax+jquery"的主题中,我们将深入探讨如何利用Struts2、jQuery和Ajax技术实现Web页面的异步交互。 首先,Struts2作为MVC框架,它的核心是Action,它负责处理用户的请求,并通过配置的Result返回...
Struts2与Ajax 的实现原理,于Servlet+Ajax原理是一致的,都是通过后台的response.getWriter().print("");把数据传输给前台的。 前台Ajax格式如下(需要导入ajax库,比如:jquery-1.11.3.js) 格式: $(function()...
在"Struts2+Ajax实现的用户登录"场景中,首先,我们需要在Struts2的配置文件(struts.xml)中定义一个Action,这个Action将处理用户的登录请求。Action通常会包含一个方法,比如`execute()`,该方法会在用户提交登录...
在Struts2中实现AJAX(Asynchronous JavaScript and XML)功能,可以增强用户界面的交互性和响应性,而无需刷新整个页面。本篇文章将详细介绍在Struts2框架下实现AJAX功能所需的jar包及其作用。 首先,我们需要了解...