`

Struts2 + JQuery + JSON实现AJAX

    博客分类：
  • j2ee
strutsjqueryjsonajax 
阅读更多

 

网上关于这方面的资料也不少，但多半是struts1的，在Struts2中使用JSON可以更容易实现数据的异步传输。

      先做好准备工作:

      1.Struts2相关lib, 注意将struts2 lib下面的以json开头的包也加入到工程。

      2.JSON Plugin，它可以将Struts2 Action中的结果直接返回为JSON。下载地址：http://jsonplugin.googlecode.com/files/jsonplugin-0.34.jar （支持struts2.1.6及以上版本）。

      3.JQuery，JS的一个lib. 下载地址：http://www.jquery.com （最新版本为1.3.2）。

 

      准备工作都做好之后，我们可以开始了。建一个WEB工程，把相关的包加入到工程。我们需要做的就是三件事：

      一、准备一个JSP页面用于提交ajax请求，这里我使用了JQuery的$.getJSON(url,params,function callback(data))函数提交ajax请求到指定url，并且携带参数params，最后用一个回调函数callback处理请求返回结果data；

      二、一个处理请求的Action类，并在struts.xml文件中做相应配置：写一个action类处理ajax请求数据，并将返回结果封装成一个JSONObject对象返回给请求页面。同时在struts.xml中配置对应action，指明其返回类型为json并使其package的extends为json-default，并将要返回请求页面的数据放在名为root的param中，如<param name="root">result</param>。

      三、接受请求返回结果：使用JS的eval方法将返回结果data转换成JSON对象，并处理返回结果。

 

    具体参见以下代码：

    // login.jsp 使用getJSON方法提交ajax请求，并处理请求返回结果。注意请求的url为login.html这是因为我将struts2.preperties中的struts.action.extension改成了htm，默认为action。l

Html代码   收藏代码
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"  
  2.     pageEncoding="UTF-8"%>  
  3. <%@ taglib uri="/struts-tags" prefix="s"%>  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  5. <html>  
  6. <head>  
  7. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  8. <title><s:text name="page.title.login" /></title>  
  9. <script type="text/javascript" src="jquery-1.3.2.js"></script>  
  10. <script type="text/javascript" language="javascript">  
  11. $(document).ready(function(){  
  12.     $("#login").click(function(){  
  13.         login();  
  14.         });  
  15. });  
  16.   
  17. function login(){  
  18.     var url = "login.html";  
  19.     var params = {"user.logName":$("#name").attr("value"),"user.password":$("#password").attr("value")};  
  20.       
  21.     $.getJSON(url,params,function callback(data){  
  22.         // convert to json object  
  23.         var user = eval("("+data+")");//  
  24.           
  25.           
  26.         $("#result").each(function(){  
  27.             $(this).html('welcome ,' + user.name);  
  28.             });  
  29.         });  
  30.     }  
  31. </script>  
  32. </head>  
  33. <body>  
  34. <s:actionmessage/>  
  35. <form  method="post" id="form"><s:text  
  36.     name="user.label.name" />:<input type="textbox" name="user.logName" id="name"  
  37.     value='${param["user.logName"]}' /><br>  
  38. <s:text name="user.label.password" />:<input type="password" id="password"  
  39.     name="user.password" /><br>  
  40. <input type="button" id="login" value='<s:text name="button.label.login" />' /></form>  
  41. <div id="result">  
  42.       
  43. </div>  
  44. </body>  
  45. </html>  

 

    // struts.xml  注意package的extends属性与result的type属性。result为userAction的一个属性，这里将结果返回给ajax的请求页面。

 

Java代码   收藏代码
  1. <package name="login" namespace="/" extends="json-default" >  
  2.         <action name="login" class="userAction" method="login" >  
  3.             <result type="json">  
  4.                 <param name="root">result</param>  
  5.             </result>  
  6.         </action>  
  7. </package>  

 

     // UserAction.java    只需要看login()方法，另外读者需要自己增加一个User的实体类用来获取请求数据。这里我只将user的logName与password封装到了一个map以JSONObject的方式返回（因为还有其它空属性没必要返回）。也可以直接调用JSONObject.fromObject(user)将整个user对象返回给JSON。注意最后返回的并不是一个JSONObject对象，而是一String类型的result。这里的result须与action中的<param name="root">中配置的一致。这里代码写的比较简单，没有增加对用户名密码的验证。

 

Java代码   收藏代码
  1. package com.word.action;  
  2.   
  3. import java.util.HashMap;  
  4. import java.util.List;  
  5. import java.util.Map;  
  6.   
  7. import com.word.vo.User;  
  8.   
  9. import net.sf.json.JSONObject;  
  10.   
  11. import org.apache.poi.hssf.record.formula.eval.AddEval;  
  12. import org.apache.struts2.components.ActionError;  
  13. import org.apache.struts2.components.ActionMessage;  
  14. import org.apache.struts2.interceptor.validation.JSONValidationInterceptor;  
  15.   
  16. import com.opensymphony.xwork2.ActionSupport;  
  17. import com.word.service.IUserService;  
  18.   
  19. public class UserAction extends ActionSupport {  
  20.     private User user;  
  21.     private String result;  
  22.       
  23.     public String getResult(){  
  24.         return result;  
  25.     }  
  26.       
  27.     public void setResult(String result){  
  28.         this.result = result;  
  29.     }  
  30.   
  31.     public User getUser() {  
  32.         return user;  
  33.     }  
  34.   
  35.     public void setUser(User user) {  
  36.         this.user = user;  
  37.     }  
  38.   
  39.     private IUserService userService;  
  40.   
  41.     public void setUserService(IUserService userService) {  
  42.         this.userService = userService;  
  43.     }  
  44.   
  45.     public String login() throws Exception {  
  46.           
  47.         Map map = new HashMap();  
  48.         map.put("name", user.getLogName());  
  49.         map.put("password",user.getPassword());  
  50.         JSONObject obj = JSONObject.fromObject(map);  
  51.           
  52.           
  53.         result = obj.toString();  
  54.           
  55.         return SUCCESS;  
  56.     }  
  57.   
  58.     /** 
  59.      * get User list 
  60.      */  
  61.     public List<User> findAll() throws Exception {  
  62.         return userService.findAll();  
  63.     }  
  64.   
  65.     /** 
  66.      * get User by id 
  67.      *  
  68.      * @param id 
  69.      * @throw Exception 
  70.      */  
  71.     public User getUserById(Long id) throws Exception {  
  72.         return userService.getUserById(id);  
  73.     }  
  74.   
  75.     /** 
  76.      * create User 
  77.      *  
  78.      * @param user 
  79.      * @throw Exception 
  80.      */  
  81.     public String createUser() {  
  82.         clearErrorsAndMessages();  
  83.           
  84.         if(user.getLogName().trim().equals("") ){  
  85.             this.addActionMessage(getText("error.user.name"));  
  86.             return INPUT;  
  87.         }  
  88.         if(user.getPassword().trim().equals("") ){  
  89.             this.addActionMessage(getText("error.user.password"));  
  90.             return INPUT;  
  91.         }  
  92.         try{  
  93.             userService.createUser(user);  
  94.             this.addActionMessage(getText("user.message.create"));  
  95.             return INPUT;  
  96.         }catch(Exception e){  
  97.             this.addActionMessage("注册用户失败");  
  98.             return INPUT;  
  99.         }  
  100.     }  
  101.   
  102.     /** 
  103.      * update User 
  104.      *  
  105.      * @param user 
  106.      * @throw Exception 
  107.      */  
  108.     public void updateUser() throws Exception {  
  109.         userService.updateUser(user);  
  110.     }  
  111.   
  112.     /** 
  113.      * delete User by id 
  114.      *  
  115.      * @param id 
  116.      * @throw Exception 
  117.      */  
  118.     public void deleteUser(Long id) throws Exception {  
  119.         userService.deleteUser(id);  
  120.     }  
  121.   
  122. }  
分享到：
| 常见HTTP状态（304，200等）
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    受激拉曼散射计量【Stimulated-Raman-Scattering Metrology】 附Matlab代码.rar

    1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。

    MMC整流器技术解析：基于Matlab的双闭环控制策略与环流抑制性能研究,Matlab下的MMC整流器技术文档：18个子模块，双闭环控制稳定直流电压，环流抑制与最近电平逼近调制，优化桥臂电流波形，高效

    MMC整流器技术解析：基于Matlab的双闭环控制策略与环流抑制性能研究,Matlab下的MMC整流器技术文档：18个子模块，双闭环控制稳定直流电压，环流抑制与最近电平逼近调制，优化桥臂电流波形，高效并网运行。,MMC整流器（Matlab），技术文档 1.MMC工作在整流侧，子模块个数N＝18，直流侧电压Udc＝25.2kV，交流侧电压6.6kV 2.控制器采用双闭环控制，外环控制直流电压，采用PI调节器，电流内环采用PI＋前馈解耦； 3.环流抑制采用PI控制，能够抑制环流二倍频分量； 4.采用最近电平逼近调制（NLM）， 5.均压排序：电容电压排序采用冒泡排序，判断桥臂电流方向确定投入切除； 结果： 1.输出的直流电压能够稳定在25.2kV； 2.有功功率，无功功率稳态时波形稳定，有功功率为3.2MW，无功稳定在0Var； 3.网侧电压电流波形均为对称的三相电压和三相电流波形，网侧电流THD＝1.47％<2％，符合并网要求； 4.环流抑制后桥臂电流的波形得到改善，桥臂电流THD由9.57％降至1.93％，环流波形也可以看到得到抑制； 5.电容电压能够稳定变化 ,工作点关键词：MMC

    Boost二级升压光伏并网结构的Simulink建模与MPPT最大功率点追踪：基于功率反馈的扰动观察法调整电压方向研究,Boost二级升压光伏并网结构的Simulink建模与MPPT最大功率点追踪：基

    Boost二级升压光伏并网结构的Simulink建模与MPPT最大功率点追踪：基于功率反馈的扰动观察法调整电压方向研究,Boost二级升压光伏并网结构的Simulink建模与MPPT最大功率点追踪：基于功率反馈的扰动观察法调整电压方向研究,Boost二级升压光伏并网结构，Simulink建模，MPPT最大功率点追踪，扰动观察法采用功率反馈方式，若ΔP>0，说明电压调整的方向正确，可以继续按原方向进行“干扰”；若ΔP<0，说明电压调整的方向错误，需要对“干扰”的方向进行改变。 ,Boost升压;光伏并网结构;Simulink建模;MPPT最大功率点追踪;扰动观察法;功率反馈;电压调整方向。,光伏并网结构中Boost升压MPPT控制策略的Simulink建模与功率反馈扰动观察法

    STM32F103C8T6 USB寄存器开发详解(12)-键盘设备

    STM32F103C8T6 USB寄存器开发详解(12)-键盘设备

    2011-2020广东21市科技活动人员数

    科技活动人员数专指直接从事科技活动以及专门从事科技活动管理和为科技活动提供直接服务的人员数量

    Matlab Simulink仿真探究Flyback反激式开关电源性能表现与优化策略,Matlab Simulink仿真探究Flyback反激式开关电源的工作机制,Matlab Simulimk仿真

    Matlab Simulink仿真探究Flyback反激式开关电源性能表现与优化策略,Matlab Simulink仿真探究Flyback反激式开关电源的工作机制,Matlab Simulimk仿真，Flyback反激式开关电源仿真 ,Matlab; Simulink仿真; Flyback反激式; 开关电源仿真,Matlab Simulink在Flyback反激式开关电源仿真中的应用

    基于Comsol的埋地电缆电磁加热计算模型：深度解析温度场与电磁场分布学习资料与服务,COMSOL埋地电缆电磁加热计算模型：温度场与电磁场分布的解析与学习资源,comsol 埋地电缆电磁加热计算模型

    基于Comsol的埋地电缆电磁加热计算模型：深度解析温度场与电磁场分布学习资料与服务,COMSOL埋地电缆电磁加热计算模型：温度场与电磁场分布的解析与学习资源,comsol 埋地电缆电磁加热计算模型，可以得到埋地电缆温度场及电磁场分布，提供学习资料和服务， ,comsol;埋地电缆电磁加热计算模型;温度场分布;电磁场分布;学习资料;服务,Comsol埋地电缆电磁加热模型：温度场与电磁场分布学习资料及服务

    ibus-table-chinese-yong-1.4.6-3.el7.x64-86.rpm.tar.gz

    1、文件内容：ibus-table-chinese-yong-1.4.6-3.el7.rpm以及相关依赖 2、文件形式：tar.gz压缩包 3、安装指令： #Step1、解压 tar -zxvf /mnt/data/output/ibus-table-chinese-yong-1.4.6-3.el7.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm 4、更多资源/技术支持：公众号禅静编程坊

    基于51单片机protues仿真的汽车智能灯光控制系统设计（仿真图、源代码）

    基于51单片机protues仿真的汽车智能灯光控制系统设计（仿真图、源代码） 一、设计项目 根据本次设计的要求，设计出一款基于51单片机的自动切换远近光灯的设计。 技术条件与说明： 1. 设计硬件部分，中央处理器采用了STC89C51RC单片机； 2. 使用两个灯珠代表远近光灯，感光部分采用了光敏电阻，因为光敏电阻输出的是电压模拟信号，单片机不能直接处理模拟信号，所以经过ADC0832进行转化成数字信号； 3. 显示部分采用了LCD1602液晶，还增加按键部分电路，可以选择手自动切换远近光灯； 4. 用超声模块进行检测距离；

    altermanager的企业微信告警服务

    altermanager的企业微信告警服务

    MyAgent测试版本在线下载

    MyAgent测试版本在线下载

    Comsol技术：可调BIC应用的二氧化钒VO2材料探索,Comsol模拟二氧化钒VO2的可调BIC特性研究,Comsol二氧化钒VO2可调BIC ,Comsol; 二氧化钒VO2; 可调BIC

    Comsol技术：可调BIC应用的二氧化钒VO2材料探索,Comsol模拟二氧化钒VO2的可调BIC特性研究,Comsol二氧化钒VO2可调BIC。 ,Comsol; 二氧化钒VO2; 可调BIC,Comsol二氧化钒VO2材料：可调BIC技术的关键应用

    C++学生成绩管理系统源码.zip

    C++学生成绩管理系统源码

    基于Matlab与Cplex的激励型需求响应模式：负荷转移与电价响应的差异化目标函数解析,基于Matlab与CPLEX的激励型需求响应负荷转移策略探索,激励型需求响应 matlab +cplex 激励

    基于Matlab与Cplex的激励型需求响应模式：负荷转移与电价响应的差异化目标函数解析,基于Matlab与CPLEX的激励型需求响应负荷转移策略探索,激励型需求响应 matlab +cplex 激励型需求响应采用激励型需求响应方式对负荷进行转移，和电价响应模式不同，具体的目标函数如下 ,激励型需求响应; matlab + cplex; 负荷转移; 目标函数。,Matlab与Cplex结合的激励型需求响应模型及其负荷转移策略

    scratch介绍（scratch说明）.zip

    scratch介绍（scratch说明）.zip

    深度学习模型的发展历程及其关键技术在人工智能领域的应用

    内容概要：本文全面介绍了深度学习模型的概念、工作机制和发展历程，详细探讨了神经网络的构建和训练过程，包括反向传播算法和梯度下降方法。文中还列举了深度学习在图像识别、自然语言处理、医疗和金融等多个领域的应用实例，并讨论了当前面临的挑战，如数据依赖、计算资源需求、可解释性和对抗攻击等问题。最后，文章展望了未来的发展趋势，如与量子计算和区块链的融合，以及在更多领域的应用前景。 适合人群：对该领域有兴趣的技术人员、研究人员和学者，尤其适合那些希望深入了解深度学习原理和技术细节的读者。 使用场景及目标：①理解深度学习模型的基本原理和结构；②了解深度学习模型的具体应用案例；③掌握应对当前技术挑战的方向。 阅读建议：文章内容详尽丰富，读者应在阅读过程中注意理解各个关键技术的概念和原理，尤其是神经网络的构成及训练过程。同时也建议对比不同模型的特点及其在具体应用中的表现。

    day02供应链管理系统-补充.zip

    该文档提供了一个关于供应链管理系统开发的详细指南，重点介绍了项目安排、技术实现和框架搭建的相关内容。 文档分为以下几个关键部分： 项目安排：主要步骤包括搭建框架（1天），基础数据模块和权限管理（4天），以及应收应付和销售管理（5天）。 供应链概念：供应链系统的核心流程是通过采购商品放入仓库，并在销售时从仓库提取商品，涉及三个主要订单：采购订单、销售订单和调拨订单。 大数据的应用：介绍了数据挖掘、ETL（数据抽取）和BI（商业智能）在供应链管理中的应用。 技术实现：讲述了DAO（数据访问对象）的重用、服务层的重用、以及前端JS的继承机制、jQuery插件开发等技术细节。 系统框架搭建：包括Maven环境的配置、Web工程的创建、持久化类和映射文件的编写，以及Spring配置文件的实现。 DAO的需求和功能：供应链管理系统的各个模块都涉及分页查询、条件查询、删除、增加、修改操作等需求。 泛型的应用：通过示例说明了在Java语言中如何使用泛型来实现模块化和可扩展性。 文档非常技术导向，适合开发人员参考，用于构建供应链管理系统的架构和功能模块。

    清华大学104页《Deepseek:从入门到精通》

    这份长达104页的手册由清华大学新闻与传播学院新媒体研究中心元宇宙文化实验室的余梦珑博士后及其团队精心编撰，内容详尽，覆盖了从基础概念、技术原理到实战案例的全方位指导。它不仅适合初学者快速了解DeepSeek的基本操作，也为有经验的用户提供了高级技巧和优化策略。

    MXTU MAX仿毒舌自适应主题源码 苹果CMSv10模板.zip

    主题说明： 1、将mxtheme目录放置根目录 | 将mxpro目录放置template文件夹中 2、苹果cms后台-系统-网站参数配置-网站模板-选择mxpro 模板目录填写html 3、网站模板选择好之后一定要先访问前台，然后再进入后台设置 4、主题后台地址： MXTU MAX图图主题,/admin.php/admin/mxpro/mxproset admin.php改成你登录后台的xxx.php 5、首页幻灯片设置视频推荐9，自行后台设置 6、追剧周表在视频数据中，节目周期添加周一至周日自行添加，格式：一,二,三,四,五,六,日

    基于matlab平台的数字信号处理GUI设计.zip

    运行GUI版本，可二开

Magicbox
Global site tag (gtag.js) - Google Analytics