浅谈struts2、jquery与json的集成-优快云博客

本文介绍如何在Struts2框架中集成JSON插件实现异步交互，包括搭建环境所需的主要jar包、关键代码示例及配置，演示了通过模糊查询实现数据的异步加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

struts2、jquery与json的集成是怎样实现异步交互的，下面我们来做个综合的小案例。
做案例的前提是：先要引入必要的jar包。

比如：

1、struts2-core-2.x.x.x.jar :Struts 2框架的核心类库
2、xwork-2.x.x.jar :XWork类库，Struts 2在其上构建
3、ognl-2.x.x.jar :对象图导航语言（Object Graph Navigation Language），struts2框架通过其读写对象的属性
4、freemarker-2.3.x.jar :Struts 2的UI标签的模板使用FreeMarker编写
5、commons-logging-1.1.x.jar :ASF出品的日志包，Struts 2框架使用这个日志包来支持Log4J和JDK 1.4+的日志记录。
6、commons-fileupload-1.2.1.jar 文件上传组件，2.1.6版本后必须加入此文件
7、struts2-json-plugin.jar struts2与json的插件

cn.z_xiaofei168.domain包

Java代码

 
packagecn.z_xiaofei168.domain; 
 

 
importjava.io.Serializable; 
 
importjava.util.Date; 
 

 
publicclassUserimplementsSerializable { 
 

 
/** 
 
* @author z_xiaofei168 
 
*/ 
 
privatestaticfinallongserialVersionUID = 1L; 
 

 
/** 用户的编号 */ 
 
privateInteger id; 
 
/** 用户的名称 */ 
 
privateString name; 
 
/** 用户的密码 */ 
 
privateString pass; 
 
/** 用户的邮箱 */ 
 
privateString email; 
 
/** 用户的注册日期 */ 
 
privateDate rdate; 
 

 
publicUser() { 
 
super(); 
 
} 
 

 
//以下省略所以的set和get方法 
 
} 
 

 

 

 
cn.z_xiaofei168.action包 
 

 

 
Java代码 
 
packagecn.z_xiaofei168.action; 
 

 
importjava.util.List; 
 

 
importcn.z_xiaofei168.dao.Pagination; 
 
importcn.z_xiaofei168.domain.User; 
 
importcn.z_xiaofei168.service.UserServiceImpl; 
 

 
importcom.opensymphony.xwork2.ActionSupport; 
 

 
publicclassUserActionextendsActionSupport { 
 

 
/** 
 
* @author z_xiaofei168 
 
*/ 
 
privatestaticfinallongserialVersionUID = 1L; 
 

 
/** 业务层对象 */ 
 
privateUserServiceImpl userServiceImpl; 
 
privateList<User> list; 
 

 
publicUserServiceImpl getUserServiceImpl() { 
 
returnuserServiceImpl; 
 
} 
 

 
/** set方法注入 */ 
 
publicvoidsetUserServiceImpl(UserServiceImpl userServiceImpl) { 
 
this.userServiceImpl = userServiceImpl; 
 
} 
 

 
publicList<User> getList() { 
 
returnlist; 
 
} 
 

 
publicvoidsetList(List<User> list) { 
 
this.list = list; 
 
} 
 

 
/** 模糊查新的方法 */ 
 
publicString findByDarkName()throwsException{ 
 
list = userServiceImpl.findByDarkName(user.getName()); 
 
return"findByDarkName"; 
 
} 
 
} 
 

 

 

 
cn.z_xiaofei168.dao包 
 

 

 

 
Java代码 
 
packagecn.z_xiaofei168.dao; 
 

 
importjava.util.List; 
 

 
importcn.z_xiaofei168.domain.User; 
 

 
publicinterfaceUserDao { 
 

 
publicList<User> findByDarkName(String name)throwsException; 
 
} 
 

 

 

 

 
Java代码 
 
packagecn.z_xiaofei168.dao; 
 

 
importjava.util.List; 
 

 
importorg.springframework.orm.hibernate3.support.HibernateDaoSupport; 
 

 
importcn.z_xiaofei168.domain.User; 
 

 
publicclassUserDaoImplextendsHibernateDaoSupportimplementsUserDao { 
 

 
@SuppressWarnings("unchecked") 
 
publicList<User> findByDarkName(String name)throwsException { 
 

 
List list =this.getHibernateTemplate().find("from User where name like ?","%"+name+"%"); 
 
System.out.println("findByDarkName模糊："+list.size()); 
 
returnlist; 
 
} 
 

 
} 
 

 

 
cn.z_xiaofei168.service包 
 

 

 

 
Java代码 
 
packagecn.z_xiaofei168.service; 
 

 
importcn.z_xiaofei168.dao.UserDao; 
 

 
publicinterfaceUserServiceextendsUserDao { 
 

 
} 
 

 

 

 
Java代码 
 
packagecn.z_xiaofei168.service; 
 

 
importjava.util.List; 
 

 
importcn.z_xiaofei168.dao.UserDaoImpl; 
 
importcn.z_xiaofei168.domain.User; 
 

 
publicclassUserServiceImplimplementsUserService { 
 

 
privateUserDaoImpl userDaoImpl; 
 

 
publicUserDaoImpl getUserDaoImpl() { 
 
returnuserDaoImpl; 
 
} 
 

 
/** set方法进行注入 */ 
 
publicvoidsetUserDaoImpl(UserDaoImpl userDaoImpl) { 
 
this.userDaoImpl = userDaoImpl; 
 
} 
 

 
publicList<User> findByDarkName(String name)throwsException { 
 
returnuserDaoImpl.findByDarkName(name); 
 
} 
 

 
}

struts.xml

 
<?xmlversion="1.0"encoding="UTF-8"?> 
 
<!DOCTYPE struts PUBLIC 
 
"-//Apache Software Foundation//DTD Struts Configuration 2.1.7//EN" 
 
"http://struts.apache.org/dtds/struts-2.1.7.dtd"> 
 
<struts> 
 
<packagename="z_xiaofei"extends="json-default"namespace="/csdn"> 
 
<global-results> 
 
<resultname="input">/index.jsp</result> 
 
</global-results> 
 

 
<actionname="user_*"class="cn.z_xiaofei168.action.UserAction"method="{1}"> 
 

 
<!-- 返回的是一个user对象 user对象(id,name,pass) --> 
 
<resultname="findByDarkName"type="json"> 
 
<!-- param参数的配置,includeProperties --> 
 
<paramname="includeProperties"> 
 
list\[\d+\]\.id, list\[\d+\]\.name, list\[\d+\]\.pass 
 
</param> 
 
</result> 
 
</action> 
 
</package> 
 
</struts>

jsp页面

 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 
 
<% 
 
String path = request.getContextPath(); 
 
String basePath = request.getScheme() + "://" 
 
+ request.getServerName() + ":" + request.getServerPort() 
 
+ path + "/"; 
 
%> 
 

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
 
<html> 
 
<head> 
 
<basehref="<%=basePath%>"> 
 

 
<title>用户信息输入</title> 
 

 
<metahttp-equiv="pragma"content="no-cache"> 
 
<metahttp-equiv="cache-control"content="no-cache"> 
 
<metahttp-equiv="expires"content="0"> 
 
<metahttp-equiv="keywords"content="keyword1,keyword2,keyword3"> 
 
<metahttp-equiv="description"content="This is my page"> 
 
<!-- 
 
<link rel="stylesheet" type="text/css" href="styles.css"> 
 
--> 
 
<scripttype="text/javascript" 
 
src="${pageContext.request.contextPath}/js/jquery-1.6.js"> 
 
</script> 
 
<scripttype="text/javascript"> 
 

 
function findByDarkName() { 
 
var name = $("#darkName").val(); 
 
$.ajax({ 
 
type:"post", 
 
url:"csdn/user_findByDarkName", 
 
data:"user.name="+name, 
 
dataType:"json", 
 
success:function(data){ 
 
$.each(data.list,function(i,entity){ 
 
$("#darklist").append("<trstyle='border:1px'></tr>") 
 
.append("<td>"+entity.id+"</td>") 
 
.append("<td>"+entity.name+"</td>") 
 
.append("<td>"+entity.pass+"</td>"); 
 
}); 
 
} 
 
}); 
 
} 
 
</script> 
 
</head> 
 

 
<body> 
 
<br/> 
 
<div> 
 
<h2> 
 
<fontcolor="red">模糊查询</font> 
 
</h2> 
 
<br/> 
 
<h3>

模糊性:在给出的信息中，与之有相同的元素即可

 
</h3> 
 
<br/> 
 
<inputtype="text"id="darkName"name="user.name"/> 
 
<spanid="msg"></span> 
 
<inputtype="button"value="模糊查询"onclick="findByDarkName()"/> 
 
</div> 
 

 
<table> 
 
<thead> 
 
<tr> 
 
<th>序号</th> 
 
<th>名称</th> 
 
<th>密码</th> 
 
<th>注册日期</th> 
 
<th>操作</th> 
 
</tr> 
 
</thead> 
 
<tbodyid="darklist"> 
 
</tbody> 
 
</table> 
 
</body> 
 
</html>