Web2.0的随波逐流，Ajax那是大放异彩，Struts2框架自己整合了对Ajax的原生支持（struts 2.1.7+，之前的版本可以通过插件实现），框架的整合只是使得JSON的创建变得异常简单，并且可以简单的融入到Struts2框架中，当然这只是在我们需要JSON的时候才会显得流光溢彩。

首先不谈Struts2的原生支持，我们自己写一个ajax示例，使用异步请求，直接请求action动作：

InfoAction.java

package cn.codeplus.action;

import com.opensymphony.xwork2.ActionSupport;

public class InfoAction extends ActionSupport {

    private static final long serialVersionUID = 1359090410097337654L;

    public String loadInfo() {

        return SUCCESS;

    }

}

InfoAction仅仅是简单的返回"success"。

index.jsp

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

    <head>

        <base href="<%=basePath%>">

        <title>获取</title>

        <script type="text/javascript" src="js/jquery.js">

</script>

        <script type="text/javascript">

function loadInfo() {

    $("#info").load("loadInfo");

}

</script>

    </head>

    <body>

        <input type="button" value="获取" id="btnGet" onclick="loadInfo()" />

        <div id="info"></div>

    </body>

</html>

index.jsp包含一个按钮，点击按钮则会触发异步请求事件。

struts.xml

<package name="ajaxDemo" extends="struts-default">

    <action name="loadInfo" class="cn.codeplus.action.InfoAction" method="loadInfo">

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

    </action>

</package>

可见上面的异步请求的结果将会是加载info.jsp，info.jsp只是一个简单网页，不列出了。

运行效果如下：

单击获取之后：

此时的页面源代码：

Struts2之ajax初析

Web2.0的随波逐流，Ajax那是大放异彩，Struts2框架自己整合了对Ajax的原生支持（struts 2.1.7+，之前的版本可以通过插件实现），框架的整合只是使得JSON的创建变得异常简单，并且可以简单的融入到Struts2框架中，当然这只是在我们需要JSON的时候才会显得流光溢彩。

首先不谈Struts2的原生支持，我们自己写一个ajax示例，使用异步请求，直接请求action动作：

InfoAction.java

按 Ctrl+C 复制代码
按 Ctrl+C 复制代码

InfoAction仅仅是简单的返回"success"。

index.jsp

按 Ctrl+C 复制代码
按 Ctrl+C 复制代码

index.jsp包含一个按钮，点击按钮则会触发异步请求事件。

struts.xml

<package name="ajaxDemo" extends="struts-default">
    <action name="loadInfo" class="cn.codeplus.action.InfoAction" method="loadInfo">
        <result name="success">/info.jsp</result>
    </action>
</package>

可见上面的异步请求的结果将会是加载info.jsp，info.jsp只是一个简单网页，不列出了。

运行效果如下：

单击获取之后：

此时的页面源代码：

<div>标签中嵌套了<title>标签，不符合规范，其实我们只要吧info.jsp写的没有<title>之类的标签，就不会出现这种情况了。

以上说的异步请求仅适用于请求单个文件，如果我们请求的是动态数据，并且数据需要以JSON格式返回，上面的方法将会显得力不从心，这是struts2的原生支持就得出马了。

使用struts2的ajax，必须在项目中引入struts2-json-plugin-2.2.1.jar，在版本2.1.7+都一句绑定在struts2发行包里面了（之前的版本可以在这下载）。记住，要引入struts2-json-plugin-2.2.1.jar。

这次我们使用另一个例子，模拟加载评论：

dto对象，Comment.java

package cn.codeplus.po;

public class Comment {

    private long id;

    private String nickname;

    private String content;

    public long getId() {

        return id;

    }

    public void setId(long id) {

        this.id = id;

    }

    public String getNickname() {

        return nickname;

    }

    public void setNickname(String nickname) {

        this.nickname = nickname;

    }

    public String getContent() {

        return content;

    }

    public void setContent(String content) {

        this.content = content;

    }

}

新的InfoAction.java

package cn.codeplus.action;

import java.util.ArrayList;

import java.util.List;

import cn.codeplus.po.Comment;

import com.opensymphony.xwork2.ActionSupport;

public class InfoAction extends ActionSupport {

    private static final long serialVersionUID = 1359090410097337654L;

    private List<Comment> comments = new ArrayList<Comment>();

    //没getter and setter方法的属性不会被串行化到JSON

    @SuppressWarnings("unused")

    private String title;

    //！！！使用transient修饰的属性也会被串行化到JSON

    private transient String content;

    public String loadInfo() {

        title="123木头人";

        content="你是木头人，哈哈。";

        loadComments();

        return SUCCESS;

    }

    /**

     * 加载留言信息

     */

    private void loadComments() {

        Comment com1 = new Comment();

        com1.setContent("很不错嘛");

        com1.setId();

        com1.setNickname("纳尼");

        Comment com2 = new Comment();

        com2.setContent("哟西哟西");

        com2.setId();

        com2.setNickname("小强");

        comments.add(com1);

        comments.add(com2);

    }

    public List<Comment> getComments() {

        return comments;

    }

    public void setComments(List<Comment> comments) {

        this.comments = comments;

    }

    public static long getSerialversionuid() {

        return serialVersionUID;

    }

    public String getContent() {

        return content;

    }

    public void setContent(String content) {

        this.content = content;

    }

}

index.jsp还是那个index.jsp。(*^__^*) 嘻嘻……

struts.xml变化挺大：

<package name="ajaxDemo" extends="json-default">

    <action name="loadInfo" class="cn.codeplus.action.InfoAction" method="loadInfo">

        <result name="success" type="json"></result>

    </action>

</package>

在struts.xml中：

首先，package extends由struts-default转变为json-default，这是必须的，只用在json-default中才包含下面使用的result type为 json。

然后就是result类型需显示指明为json，result标签内，无需指明视图指向的界面。

最后就是运行结果啦：

点击“获取”按钮之后：

可见comments对象和content对象都被串行化到JSON数据了，不知道是不是版本的问题，很多资料都说使用transient修饰的属性不会被串行化到JSON的。

为了使content对象不被串行化到JSON，在不能舍弃其getter setter方法的时候，我们可以这样在content的getter方法上面加上注解：@JSON(serialize=false)

...

@JSON(serialize=false)

public String getContent() {

    return content;

}

public void setContent(String content) {

    this.content = content;

}

...

这时的结果如下：

@JSON和json类型的result都还有很多可选项，无非就是串行化谁，不串行化谁，返回数据的MIME类型，读者可以自行参考相关文档。

获取到JSON数据了，下一步就是在前台使用js处理JSON数据了，小弟js不精，喜欢使用jQuery解析，如有兴趣，且听下回分解jQuery解析JSON数据。

Struts2之ajax初析的更多相关文章

  1. Struts2与Ajax的整合

    整合: 导入jar包 sturts2-json-plugin-2.1.8.1.jar 说明: 在该jar包中有struts-plugin.xml文件 <struts>            ...

  2. Struts2与ajax整合之缺点

    之前有篇博客介绍了Struts2与ajax的整合,链接Struts2之-集成Json插件实现Ajax 这里不再累述,看以上博客. 此篇博客想吐槽一下Struts2的缺点--错误处理做的不好,怎么做的不 ...

  3. Struts2结合Ajax实现登录

    前言:Struts2作为一款优秀的MVC框架,和Ajax结合在一起,用户就会有良好的体验,本篇博文我们来模拟一个简单的登录操作,实现Ajax的异步请求,其中Struts2进行的是链接处理,Action ...

  4. Struts2 利用AJAX 导出大数据设置遮罩层

    Struts2 利用AJAX 导出大数据设置遮罩层 需求背景: 每次我们导出excel的时候 ,如果数据量很大,导出花费的时间会很长,页面却有没人任何反应,这个时候用户会认为系统有问题,要么关了页面, ...

  5. [Ajax] AJAX初体验之-在博客中添加无刷新搜索

    现在博客很流行,相信应该上网时间稍微长点的朋友都会在这或者在那的有一个自己的博客.对于一些有一定能力的朋友,可能更喜欢自己去下载一个博客程序来架设一个自己的博客,而不是使用一些博客网站提供的服务.而大 ...

  6. Struts2对AJAX的支持

    一.简介        struts2确实一个非常棒的MVC框架.这里部分记述一下struts2对AJAX的支持.实现AJAX有两种方式,一种是使用原生的javascript代码实现,一种是使用第三方 ...

  7. Struts2 处理AJAX请求

    Struts2整合AJAX有2种方式: 使用type="stream"类型的<result> 使用JSON插件 使用type="stream"类型的 ...

  8. Struts2实现ajax的两种方式

    基于Struts2框架下实现Ajax有两种方式,第一种是原声的方式,另外一种是struts2自带的一个插件. js部分调用方式是一样的: JS代码: function testAjax() { var ...

  9. struts2响应AJAX

    1发送ajax请求使用stream进行响应 Result的type属性的stream取值. 1.1定义Action public class UserAction { private String u ...

随机推荐

  1. Java基础知识强化之集合框架笔记37：用户登录注册案例

    1. 登录注册案例分析图解: 2. 用户登录案例 详细分析 和 分包实现: (1)用户登录案例详细分析(面向对象思想) 按照如下的操作,可以让我们更符合面向对象思想: • 有哪些类呢?         ...

  2. hdu 5073 Galaxy

    题意是给定n个点,让求找到一个点p使得sigma( (a[i] - p) ^ 2 ) 最小,其中a[i]表示第i个点的位置.其中有k个点不用算. 思路:发现这道题其实就是求n-k个点方差. 那么推一下 ...

  3. js获取图片高度

    js获取图片高度时经常会获取的图片高度为0,原因是图片未加载完毕.第一次加载时,显示0(火狐等部分浏览器显示24).待加载完毕后,再刷新,显示图片高度258. var oImg = document. ...

  4. hibernate中使用HQL进行数据库查询

    1.写的规则比较简单,我讲一下,如图Station这个不是数据库中的表,而是entity包中的类名Station,可以省略 select * 2.返回的类型自动转化为String类型,不用你自己再转化 ...

  5. 调优系列-tomcat调优

    http://www.360doc.com/content/14/1208/13/16070877_431273418.shtml 使用JMeter对Tomcat进行压力测试与Tomcat性能调优 n ...

  6. Android开发手记(29) 基于Http的LaTeX数学公式转换器

    本文将讲解如何通过codecogs.com和Google.com提供的API接口来将LaTeX数学函数表达式转化为图片形式.具体思路如下: (1)通过EditText获取用户输入的LaTeX数学表达式 ...

  7. html multiple select option 分组

    普通html方式展示<select name="viewType" style="width: 100%;height: 300px;" multiple ...

  8. jdbc mysql - Column count doesn't match value count at row 1.

    该句的意思是,insert操作的SQL语句里列的数目和后面值的数目不一致.比如说, String sql = "insert into t_aqi(city_name, cur_date, ...

  9. 极端气候频现 五款开发天气预报应用的API

    http://www.csdn.net/article/2014-02-07/2818322-weather-forecast-api-for-developing-apps

  10. 关于C#与.NET Framework

    前几天,有一个做测试的问我.NET Framework是什么,和C#是什么关系呢. 下面我就来解释一下.NET Framework是什么:.NET Framework是一个框架,是应用程序运行时所需要 ...