Java学习者论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

手机号码,快捷登录

恭喜Java学习者论坛(https://www.javaxxz.com)已经为数万Java学习者服务超过8年了!积累会员资料超过10000G+
成为本站VIP会员,下载本站10000G+会员资源,购买链接:点击进入购买VIP会员
JAVA高级面试进阶视频教程Java架构师系统进阶VIP课程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java架构师3期(课件+源码)

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

深度学习(CNN RNN GAN)算法原理

Java亿级流量电商系统视频教程

互联网架构师视频教程

年薪50万Spark2.0从入门到精通

年薪50万!人工智能学习路线教程

年薪50万!大数据从入门到精通学习路线年薪50万!机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程深度学习数据分析基础到实战最新黑马javaEE2.1就业课程从 0到JVM实战高手教程 MySQL入门到精通教程
查看: 263|回复: 0

[struts学习]Struts 2中启用json ajax支持

[复制链接]
  • TA的每日心情
    开心
    2021-3-12 23:18
  • 签到天数: 2 天

    [LV.1]初来乍到

    发表于 2014-10-11 04:08:42 | 显示全部楼层 |阅读模式
    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路径下即可。

    安装JSON插件按如下步骤进行:  
      
       
       
         
       

         
       
      
       (1)登陆http://code.google.com/p/jsonplugin/downloads/list站点,下载Struts2的JSON插件的最新版本,当前最新版本是0.7,我们可以下载该版本的JSON插件。

      (2)将下载到的jsonplugin-0.7.jar文件复制到Web应用的WEB-INF路径下,即可完成JSON插件的安装。

    实现Actio逻辑
         假设输入页面中包含了三个表单域,这三个表单域对于三个请求参数,因此应该使用Action来封装这三个请求参数。三个表单域的name分别为field1、field2和field3。

    处理该请求的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";

      //三个请求参数对应的setter和getter方法
    public String getField1() {
              return field1;
          }
          public void setField1(String field1) {
              this.field1 = field1;
          }

      //此处省略了field1和field2两个字段的setter和getter方法
      ...
      //封装处理结果的属性的setter和getter方法
          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 this.customName;
         }

          public String execute()  {
              map.put("name", "yeeku");
              return Action.SUCCESS;
          }
    }

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

    serialize:设置是否序列化该属性
    deserialize:设置是否反序列化该属性。
    format:设置用于格式化输出、解析日期表单域的格式。例如"yyyy-MM-dd"T"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页面first.jsp: 为了简单地访问DOM节点,这里用了JavaScript框架Prototype.js.
    <%@ page language="java" contentType="text/HTML; charset=GBK"%>
    <script src="prototype-1.4.0.js" type="text/javascript">
    </script>
    <script language="JavaScript">
    1. function gotClick()
    2.         {
    3.         //请求的地址
    4.                 var url = "JSONExample.action";
    5.        
    6.                 var params = Form.serialize("form1");
    7.                 //创建Ajax.Request对象,对应于发送请求
    8.                 var myAjax = new Ajax.Request(
    9.                 url,
    10.                 {
    11.                         //请求方式:POST
    12.                         method:"post",
    13.                         //请求参数
    14.                         parameters:params,
    15.                         //指定回调函数
    16.                         onComplete: processResponse,
    17.                         //是否异步发送请求
    18.                         asynchronous:true
    19.                 });
    20.         }
    21.     function processResponse(request)
    22.         {
    23.                 $("show").innerHTML = request.responseText;
    24.         }       
    复制代码
    </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>

    运行图:

    可以看出:服务器响应是整个Action实例的状态值,包括Action实例里的每个属性名以及对应的属性值。  

      
      
       
       

         
       

         
       
      
    复制代码

    源码下载:http://file.javaxxz.com/2014/10/11/040840281.zip
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|手机版|Java学习者论坛 ( 声明:本站资料整理自互联网,用于Java学习者交流学习使用,对资料版权不负任何法律责任,若有侵权请及时联系客服屏蔽删除 )

    GMT+8, 2025-2-26 07:12 , Processed in 0.311635 second(s), 36 queries .

    Powered by Discuz! X3.4

    © 2001-2017 Comsenz Inc.

    快速回复 返回顶部 返回列表