利用了jquery的ajax實現二級聯互動菜單_javascript技巧

選單資源保存在資料庫中。利用了jquery的ajax實現。使用的包裝有：json-lib-2.2.3-jdk15.jar ezmorph-1.0.6.jar json.js jquery.js

jsp頁面的程式碼：

複製程式碼 程式碼如下:

out.println(basePath);
%>

請選擇部門類型


請選擇檔案類型

struts中action的代碼

複製代碼 代碼如下:

/**
* des:取得二級連動選單
* autho:exceljava
* date:Nov 20, 2009
* @return
* @throws IOException
* @return
* @throws IOException
*/
public String getJsonCategory() throws IOException{
rfjsons=archiveService.getCategoryByParentID(parentId);//這裡從資料庫取得資料
net. .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
* @param content
* @throws IOException
*/
public void sendMessage(String content) throws IOException{
HttpServletResponse response = ServletActionContext.getResponse();
response.setCharacterionEntext. getWriter().write(content);

}