struts2之使用JSON插件实现Ajax(使用JSON插件)

最新推荐文章于 2014-08-23 22:17:05 发布

fhd001

最新推荐文章于 2014-08-23 22:17:05 发布

阅读量1.4k

点赞数

分类专栏： struts2 文章标签： json struts ajax action string javascript

本文链接：https://blog.csdn.net/fhd001/article/details/6308071

版权

struts2 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

struts2之使用JSON插件实现Ajax(使用JSON插件)

----------

首先，我们获取JSON插件的jar包，如果项目使用maven构建，可以在pom.xml中加入该依赖，如例：

<dependency> <groupId>org.apache.struts</groupId> <artifactId>struts2-json-plugin</artifactId> <version>2.2.1</version> </dependency>

JSON插件提供了一种名为json的ResultType,一旦为某个Action指定了一个类型为json的Result，则该Result无需映射到任何视图资源。因为JSON插件会负责将Action里的状态信息序列化成JSON格式的数据，并将该数据返回给客户端页面的javascript.

简单地说，JSON插件允许我们在javascript中异步调用Action,而且Action不再需要使用视图资源来显示该Action里的状态信息，而是由JSON插件负责将Action里的状态信息返回给调用页面---通过这种方式，就可以完成Ajax交互。

实例演示

处理请求的Action代码如下：

public class JSONExample{ //封装请求参数的三个属性 private String field1; private transient String field2; private String field3; //封装处理结果的属性 private int[] ints = {10,20}; private Map map = new HashMap(); private String customName = "custom"; public String getField1() { return field1; } public void setField1(String field1) { this.field1 = field1; } public String getField2() { return field2; } public void setField2(String field2) { this.field2 = field2; } public String getField3() { return field3; } public void setField3(String field3) { this.field3 = field3; } public int[] getInts() { return ints; } public void setInts(int[] ints) { this.ints = ints; } public Map getMap() { return map; } public void setMap(Map map) { this.map = map; } //使用注解语法来改变该属性序列化后的属性名 @JSON(name="newName") public String getCustomName() { return customName; } public void setCustomName(String customName) { this.customName = customName; } public String execute()throws Exception{ map.put("name", "yeeku"); return Action.SUCCESS; } }

在上面代码中，使用了JSON注解，注解时指定了name域，name域指定Action属性被序列化成JSON对象的属性名。除此之外，JSON注解还支持如下几个域：

1.serialize : 设置是否序列化该属性

2.deserialize : 设置是否反序列化该属性

3.format : 设置用于格式化输出、解析日期表单域的格式。例如"yyyy-MM-dd HH:mm:ss"。

配置该Action与配置普通Action存在小小的区别，应该为该Action配置类型为json的Result，而这个Result无需配置任何视图资源。

配置该Action的struts.xml文件代码如下：

<?xml version="1.0" encoding="GBK"?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN" "http://struts.apache.org/dtds/struts-2.0.dtd"> <struts> <constant name="struts.i18n.encoding" value="UTF-8"/> <package name="example" extends="json-default"> <action name="JSONExample" class="lee.JSONExample"> <result type="json"/> </action> </package> </struts>

在上面配置文件中有两个值得注意的地方。

第一个地方是配置struts.i18n.encoding常量时，不再使用GBK编码，而使用UTF-8编码，这是因为Ajax的POST请求都是以UTF-8的方式进行编码的。

第二个地方是配置包时，自己的包继承了json-default包，而不再继承默认的default包，这是因为只有在该包下才有json类型的Result。

实现jsp页面

为了更简单地实现Ajax交互，本页面使用了另一个javascript框架：prototype.js。通过使用该框架，可以更加简单地访问页面中的DOM节点，包括更好地实现Ajax交互。如：

<%@ page language="java" contentType="text/html;charset=GBK"%> <mce:script src="prototype-1.4.0.js" mce_src="prototype-1.4.0.js" type="text/javascript"></mce:script> <mce:script language="JavaScript"></mce:script>

<html> <head> <title>使用JSON插件</title> </head> <body> <form id="form1" name="form1" method="post"> <input type="text" name="field1" id="field1"/><br> <input type="text" name="field2" id="field2"/><br> <input type="text" name="field3" id="field3"/><br>  <input type="button" value="提交" onClick="gotClick();"/> </form> <div id="show"></div> </body> </html>

如果:field1=111,field2=222,field3=333,那么输出结果为：

{"newName":"custom","field1":"111","field2":"222","field3":"333","ints":[10,20],"map":{"name":"yeeku"}}

----------

注意：如果Action中只有一个属性是用作返回值，其它属性的get方法最好都加上@JSON(serialize = false)注解，否则像Service这样的属性就会报异常！！呵！！实战出真知！！