JQuery+JSON+Struts返回一个List到页面-优快云博客

本文介绍如何使用JQuery、JSON和Struts实现从服务器返回一个实体列表到前端页面的过程。通过具体示例展示了从前端发起请求到后端处理并返回数据的完整流程。

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

最近有人问我，怎么用JQuery+JSON+Struts实现，返回一个List到页面，前面我已经讲过了一个简单的登陆的例子，那是返回一个字符串，

这个例子有些不同，因为你要返回的是一个列表，而列表中都是实体：在这个实例中点击公司名称，返回子公司列表，从Action中返回List

这就需要用到JSONArray 把原来的List 转化为JSONArray格式，我看到网上有相应的文章，但是相对麻烦，还有很多人自己写代码，实现普通的实体转化为JSon对象，

这样的人很厉害，但是有现成的为什么还自己动手呢，直接用JSON包中的不就行了嘛

准备：在你为整个项目添加了Struts之后（例子中是Struts2.1）

还要下载一个json-lib-2.4-jdk15.jar(我下载的是这个版本)，添加到项目中

同时还要下载一个ezmorth-1.0.1.jar(我用的这个版本比较低，可以下载新的)，否则就会出现 class net.sf.json.XXXX can't fount这样的错误，就是一个类找不到，把

这个包加入就没有问题了。

准备结束了，直接看代码就行了：

首先看show.jsp

 
<scripttype="text/javascript"src="<%=basePath%>/js/jquery-1.3.1.js"> 

</script> 

<scripttype="text/javascript"> 

function GetTree(num) 

{ 

var param={comNum:num}; 

$.ajax({ //采用Ajax方法 

type:"post", //post方式 

dataType:"json", //返回数据类型是JSON数据格式 

data:param, //传递给Action的参数是param 

url:"ReturnTree", //处理的Action名称 

success:function(data){ //成功的处理函数 



$.each(data,function(commentIndex, comment) { //遍历返回数组的每一个实体 

alert(comment.sshortName); //输出实体的sshortName属性的值 

}) 

},"json"); 

} 

</script> 

</head> 

<body> 

<bodyid="bodyTree"> 

<divid="cmsTree"> 

<ulid="treemenu3"class="treeview"> 

<li> 

<strong>组织架构</strong> 

<ahref="javascript:ddtreemenu.flatten('treemenu3', 'expand')"><strong>展开</strong> 

</a> 

<ahref="javascript:ddtreemenu.flatten('treemenu3', 'contact')"><strong>收缩</strong> 

</a> 

</li> 

<li> 



//在这里调用JS函数参数是公司的ID 

<i></i><spanonclick="GetTree('<%=company.getCompanyNum()%>')"><%=company.getCompanynameC()%></span> 

<ul> 

<li> 

<ahref="#">彰化</a> 

</li>

Action的代码：

 
publicclassDLCompanyAction { 



privateString comNum;//接受页面传递过来的公司ID参数 

 

publicString getComNum() { 

returncomNum; 

} 

publicvoidsetComNum(String comNum) { 

this.comNum = comNum; 

} 



privateJSONArray resultTree;//我要返回给页面的List 

 

publicJSONArray getResultTree() { 

returnresultTree; 

} 

publicvoidsetResultTree(JSONArray resultTree) { 

this.resultTree = resultTree; 

} 

publicString GetDLCTree() 

{ 

dlc=newDLcompanyserviceImp();//dlc 是我项目中的一个service实现类，里面有一个方法就是下面的ReturnSubcompanyById,方法是根据给定的公司，返回公司的子公 司 列表 

List<Subcompany> list=dlc.ReturnSbuCommpanyById(comNum); 

JSONArray jsarry=newJSONArray(); 

jsarry=JSONArray.fromObject(list);//或者JSONArray jsarry=JSONArray.fromObject(list) 

resultTree=jsarry; 

return"success"; 

} 



}

最后是Struts.xml的配置

 
<packagename="TreeDL"extends="json-default"> 

<actionname="ReturnTree"class="com.wit.action.DLCompanyAction"method="GetDLCTree"> 

<resulttype="json"> 

<paramname="root">resultTree</param>//resultTree是Action中的返回变量 

</result> 

</action> 

</package>

一切OK，希望对你有帮助哦.