您的位置：首页 > 编程语言 > Java开发

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

2011-04-07 21:52 831 查看
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"><!--
function gotClick()
{
//请求地址
var url = 'JSONExample.action';
//将favorite表单域的值转换为请求参数
var params = Form.serialize('form1');
//创建Ajax.Request对象，对应于发送请求
var myAjax = new Ajax.Request(
url,
{
//请求方式：POST
method:'post',
//请求参数
parameters:params,
//指定回调函数
onComplete:processResponse,
//是否异步发送请求
asynchronous:true
}
);
}
function processResponse(request)
{
//把服务器响应显示在id为show的HTML元素中
$("show").innerHTML = request.responseText;
}
// --></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>
<!-- 单击该按钮触发gotClick函数 -->
<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这样的属性就会报异常！！呵！！实战出真知！！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航