jquery ajax菜单二级联动,利用了jquery的ajax实现二级联互动菜单

菜单资源保存在数据库中。利用了jquery的ajax实现。用到的包有：json-lib-2.2.3-jdk15.jar ezmorph-1.0.6.jar json.js jquery.js

jsp页面的代码：

复制代码 代码如下:

out.println(basePath);

%>

jQuery(function($){

//alert("ok");

});

function onchangeShow(oneId){

$.ajax({

url : "cateJson.whbs",

data : {parentId : oneId}, // 参数

type : "post",

cache : false,

dataType : "json", //返回json数据

error: function(){

alert('error');

},

success:onchangecallback

});

}

function onchangecallback(data){

document.all['twoId'].options.length = 0; //清空原有的option

var str="";

for(var i=0;i

str+=""+data[i].title+""

}

$("#twoId").html(str);

}

请选择部门类型

请选择文件类型

struts中action的代码

复制代码 代码如下:

/**

* des:取得二级联动菜单

* autho:exceljava

* date:Nov 20, 2009

* @return

* @throws IOException

*/

public String getJsonCategory() throws IOException{

rfjsons=archiveService.getCategoryByParentID(parentId);//这里从数据库取得数据

net.sf.json.JSONArray jsonObj=net.sf.json.JSONArray.fromObject(rfjsons);//组装成json数据

sendMessage(jsonObj.toString());//向视图push json数据

return null;

}

/**

* des:封装发送json格式的数据回js

* autho:exceljava

* date:Nov 20, 2009

* @param content

* @throws IOException

*/

public void sendMessage(String content) throws IOException{

HttpServletResponse response = ServletActionContext.getResponse();

response.setCharacterEncoding("UTF-8");

response.getWriter().write(content);

}

时间： 2013-11-29