日期:2014-05-16 浏览次数:20376 次
struts2.1.8 、json插件和jquery整合
?
1、必须的jar包
struts2-json-plugin-2.1.8
json-lib-2.3-jdk15
ezmorph-1.0.6
jakarta commons-lang 2.4
jakarta commons-beanutils 1.7.0
jakarta commons-collections 3.2
jakarta commons-logging 1.1.1
2、struts.xml配置
a、直接继承json-default包
<package name="default-package" abstract="true" extends="json-default">
<!-- 中间定义其他元素 -->
</package>
b、添加以下元素到struts.xml文件中(其实下面的xml代码也就是struts2-json-plugin-2.1.8包中struts-plugin.xml的内容
这里只是把它提出来放到struts.xml文件中,避免继承包)
<result-types>
?? ? ? ? ? ?<result-type name="json" class="org.apache.struts2.json.JSONResult"/>
?? ? ? ?</result-types>
?? ? ? ?<interceptors>
?? ? ? ? ? ?<interceptor name="json" class="org.apache.struts2.json.JSONInterceptor"/>
?? ? ? ?</interceptors>
3、action配置 注意下面的result类型type 以及参数root,田type指定结果类型为json
而参数root用来指明将action中的哪个参数作为json串返回给客户端
<package name="func" namespace="/func" extends="default-package">
<action name="getFuncInfoByAjax" class="funcAction" method="getFuncInfoByAjax">
<result name="success" type="json">
<param name="root">jsonFuncInfo</param>
</result>
</action>
</package>
4、action代码:
?
public String getFuncInfoByAjax(){
func = getFuncService().findById(getFuncId());
FuncInfo funcInfo = new FuncInfo();
funcInfo.setId(func.getId());
funcInfo.setName(func.getName());
if( func.getFunc() != null){
funcInfo.setParentId(func.getFunc().getId());
funcInfo.setParentName(func.getFunc().getName());
}
funcInfo.setMenuType(func.getMenuType());
funcInfo.setType(func.getType());
funcInfo.setUrl(func.getUrl());
funcInfo.setRemark(func.getRemark());
JSONObject jsonObject = JSONObject.fromObject(funcInfo);
jsonFuncInfo = jsonObject.toString() ;
return SUCCESS ;
}
?
?
5、jsp页面代码:
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery/jquery-1.4.2.min.js"></script>
function fillFuncInfo(){
var funcId = tree.getSelectedItemId();
//alert(funcId);
var url = "<%=request.getContextPath()%>/func/getFuncInfoByAjax.action";
$.getJSON(url,{funcId:funcId,ran:Math.random()},function(json){
if(json.length > 0){
var jsonFuncInfo = eval("("+json+")");
$("#funcName").html(jsonFuncInfo.name);
$("#funcParentName").html(jsonFuncInfo.parentName);
if( jsonFuncInfo.type == "F" ){
$("#funcType").html("目录");
} else if( jsonFuncInfo.type == "F" ){
$("#funcType").html("链接");
$("#funcUrl").html(jsonFuncInfo.url);