众所周知,在web2.0时代,哪个web框架要是不跟AJAX沾点边,都不好意思说自己的框架有多么多么NB,当然struts也不例外,从 struts1开始到现在的struts2也都对AJAX有支持。AJAX的传输过程中的数据格式有很多(eg:xml,html,纯文本,json), 在这里所演示的是通过json格式来传输。有的朋友可能看多相关的技术博客,有的是通过struts2的插件(e.g., JSON plugin, jQuery plugin)来实现的,这种方法从理论上来说肯定开发效率要高些,但是针对一些从来没有接触过AJAX的开发人员来说,理解起来有点难,而笔者是在 struts2的基本jar上,通过json-lib.jar来当做java对象和json对象的桥梁,前端的网页时用的jQuery实现AJAX的收 发。

笔者构建项目是通过Maven来创建的,项目所需的依赖如下:

pom.xml:

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
<modelVersion>4.0.</modelVersion>
<groupId>com.hzc</groupId>
<artifactId>struts_2400_AJAX_jQuery</artifactId>
<packaging>war</packaging>
<version>0.0.-SNAPSHOT</version>
<name>struts_2400_AJAX_jQuery Maven Webapp</name>
<url>http://maven.apache.org</url>
<dependencies>
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>4.4</version>
<scope>test</scope>
</dependency> <dependency>
<groupId>org.apache.struts</groupId>
<artifactId>struts2-core</artifactId>
<version>2.3.</version>
</dependency> <dependency>
<groupId>net.sf.json-lib</groupId>
<artifactId>json-lib</artifactId>
<version>2.4</version>
<classifier>jdk15</classifier><!-- 获取json-lib的jar包,必须要指定jdk,是需要区分jdk版本的 -->
</dependency> </dependencies>
<build>
<finalName>struts_2400_AJAX_jQuery</finalName>
</build>
</project>

首我们把思路理一下,试想client对xxx.action发送一个请求, 需要将一个java对象传输到client,struts2根据struts.xml的配置帮我们截获到这个请求,执行execute()方法,一般情况 我们是返回一个页面,但是要做到AJAX就不能进行页面的跳转,所以就通过I/O来输出。struts.xml:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"
"http://struts.apache.org/dtds/struts-2.3.dtd"> <struts> <!-- Add packages here -->
<constant name="struts.devMode" value="true" /><!--这个标签是设置struts2为debug模式,随时更新改变的编码--> <package name="registration" namespace="/" extends="struts-default">
<action name="login" class="com.hzc.action.UserAction">
<result type="stream">
<param name="contentType">text/html</param>
<param name="inputName">inputStream</param>
</result>
</action>
</package> </struts>

指定result的类型为stream,并配置stream的相关参数,需要说明的是<param name="inputName">inputStream</param>,inputStream是action中的成员变量,我们输出的json数据,就是到这个对象中。

UserAction.java:

package com.hzc.action;

import java.io.ByteArrayInputStream;
import java.io.InputStream; import net.sf.json.JSONObject; import com.hzc.model.User;
import com.opensymphony.xwork2.ActionSupport; public class UserAction extends ActionSupport { private String jsonStr;
private User user;
private InputStream inputStream; public String getJsonStr() {
return jsonStr;
} public void setJsonStr(String jsonStr) {
this.jsonStr = jsonStr;
} public User getUser() {
return user;
} public void setUser(User user) {
this.user = user;
} public InputStream getInputStream() {
return inputStream;
} public void setInputStream(InputStream inputStream) {
this.inputStream = inputStream;
} @Override
public String execute() throws Exception {
//System.out.println(user.getId());
JSONObject myjJsonObject = new JSONObject().fromObject(jsonStr);
System.out.println( JSONObject.toBean(myjJsonObject, User.class));
User user = new User();
user.setName("hzc");
user.setAge();
JSONObject jsonObject = new JSONObject().fromObject(user);
inputStream = new ByteArrayInputStream(jsonObject.toString().getBytes("UTF-8"));
return SUCCESS;
} }

对于jsonStr这个变量先不要管它,后面再说!

user这个对象先把转换为json字符串(),JSONObject jsonObject = new JSONObject().fromObject(user); 在调用toString()方法就可以往我们创建好的inputStream写json字符串了,当然最后别忘了return SUCCESS;

json输出字符串:{"age":22,"id":0,"name":"hzc"}

在前端,网页通过jquery的底层的$.ajax()方法来发送json到服务器,然后服务器根据前端传来的数据进行相关的业务逻辑,最后再把结果以 json字符串输出。在ajax函数中success:就是回调成功后执行的方法,这里只是简单的把服务器传来的json解析后,填充到文本框中!

$(document).ready(function() {
$("#sendButton").click(function() {
var jsonAttr = $("#userName").attr('name');
var jsonData = $("#userId").val(); $.ajax({
type : "post",
url : "http://192.168.80.1:8080/struts_2400_AJAX_jQuery/login.action",
data : "jsonStr={'id':"+jsonData+"}",
success : function(msg) {
var jsonObject = $.parseJSON(msg);
$("#userName").attr('value', jsonObject[jsonAttr]);
},
error : function(e) {
alert(e);
}
});
}); });
<body>
id:<input type="text" id="userId" /><button id="sendButton">ajax</button><br/>
name:<input type="text" name="name" id="userName"/>
</body>

这里我最后想说一点的是,因为笔者也是初学者,只想到通过在url后面加参数的方法来传递json字符串给服务器(也就是struts2),jsonStr就是对应action中成员变量。如有读者有更好的办法请留下你的想法,写这博客的用意就是抛砖引玉。

struts2框架通过jQuery实现AJAX应用的更多相关文章

  1. Struts2处理(jQuery)Ajax请求

    1. Ajax     Ajax(Asynchronous JavaScript and XML,异步JavaScript和XML)时一种创建交互式网页应用的网页开发技术,它并不是一项新的技术,其产生 ...

  2. yii框架下jquery在ajax更新后失效问题

    解决方案,以live的形式重新绑定一次, /***回复隐藏收起效果***/ $(".btn-reply").live('click',function(event){ var da ...

  3. 让python bottle框架支持jquery ajax的RESTful风格的PUT和DELETE等请求

    这两天在用python的bottle框架开发后台管理系统,接口约定使用RESTful风格请求,前端使用jquery ajax与接口进行交互,使用POST与GET请求时都正常,而Request Meth ...

  4. struts2:使用JQuery、JSON和AJAX处理请求

    目的 在struts2中使用JQuery.JSON.AJAX等技术处理用户请求,并返回结果.返回结果可以是以JSONObject的方式返回,也可以是以JSONArray方式返回结果. 实现 1. 创建 ...

  5. Struts2 整合jQuery实现Ajax功能(1)

    技术领域非常多东西流行,自然有流行的道理.这几天用了jQuery,深感有些人真是聪明绝顶,能将那么多技术融合的如此完美. 首先明白个概念: jQuery是什么:是使用javascript语言开发的,用 ...

  6. 份-城市,基于jQuery的AJAX二级联动,用Struts2整合AJAX【非数据库版】

    package loaderman.provincecity; import java.io.IOException; import java.util.LinkedHashSet; import j ...

  7. Struts2 使用jQuery实现Ajax

    在jQuery中将Ajax相关的操作进行封装,使用时只需在合适的地方调用Ajax相关的方法即可,相比而言,使用jQuery实现Ajax更加简洁,方便 1.$.Ajax()可以通过发送Http请求加载远 ...

  8. 原生态AJAX详解和jquery对AJAX的封装

    AJAX: A :Asynchronous [eI`sinkrenes] 异步 J :JavaScript    JavaScript脚本语言 A: And X :XML 可扩展标记语言 AJAX现在 ...

  9. jquery中ajax的使用

    Java软件开发中,后台中我们可以通过各种框架,像SSH等进行对代码的封装,方便我们对Java代码的编写,例如,Struts,SpringMVC对从前台到action的流程进行封装控制,使我们只需要进 ...

随机推荐

  1. 初步掌握Yarn的架构及原理

    1.YARN 是什么? 从业界使用分布式系统的变化趋势和 hadoop 框架的长远发展来看,MapReduce的 JobTracker/TaskTracker 机制需要大规模的调整来修复它在可扩展性, ...

  2. [转] Spring Boot and React hot loader

    When I develop web applications, I love using React. I'm also a Spring and groovy addict. Those two ...

  3. 如何自定义UIPickerView中文本的大小和文本靠左或靠右显示?

    需要重写UIPickerView中的 -(UIView*)pickerView:(UIPickerView*)pickerView viewForRow:(NSInteger)row forCompo ...

  4. JAVA异常的捕获与抛出原则

    在可能会出现exception的地方,要使用try-catch或者throws或者两者都要.我的判断依据是:如果对可能出现的exception不想被外部(方法的调用者)知道,就在方法内部try-cat ...

  5. Android(java)学习笔记205:网易新闻RSS客户端应用编写逻辑过程

    1.我们的项目需求是编写一个新闻RSS浏览器,RSS(Really Simple Syndication)是一种描述和同步网站内容的格式,是使用最广泛的XML应用.RSS目前广泛用于网上新闻频道,bl ...

  6. javascript 高级程序设计(二)-在html中使用javascript

    <script> async 可选 charset 可选 defer 可选 language 已废弃 src 可选 type 可选

  7. Python中sys.argv[]的用法

    类似bash中的$0, $1, $2... sys.argv[0]:文件名 sys.argv[1]:第一个参数 sys.argv[2]:第二个参数 import sys print "The ...

  8. 快速记忆JavaScript中exec和match的使用

    JS模式匹配中exec,match用得非常多,所以掌握其用法对我们进行字符串的处理帮助非常大 1.exec的定义其用法        exec与match主要的不同是,exec是正则表达式里面的方法. ...

  9. 表达式:使用API创建表达式树(6)

    一.ConstantExpression:表示具有常量值的表达式.因为表达式应用过程中,参数据多是 Expressions 类型,算是对常量值的一种包装吧. ConstantExpression使用比 ...

  10. Android开发手记(25) 简单Service的实现

    本文将通过实现一个简单的Service发送简单消息,然后通过一个BroadcastReceiver接收Service发送的消息,从而改变一个TextView的文本颜色. 这里,我们需要三个java文件 ...