jquery 解析json数据 并动态生成li数据

Js代码   

1. $().ready(function () {   
2.  $.getJSON("getRecUserTree.action", function (result) {  
3.         $.each(result.tree, function (i, field) {  
4.             $("#cs").append("<li style=\"float:; margin-top:3px;margin-left:10px;\"><a href=\"#\" class=\"\" οnclick=\"aa(" + field.menuid + ");\">" + field.text + "</a></li>");  
5.             //$("#mylx").append(" <option value="+field.menuid + ">" + field.text + "</a></li>");  
6.         });  
7.     });  
8. });  

 

Html代码   

1. <div id="cs" class="stuff"></div>  
2.                       

 

Java代码   

1. public void getMenuTree(HttpServletRequest r, HttpServletResponse rp) {  
2.         try {  
3.   
4.             String t = "";  
5.             SessionBean sb =(SessionBean)r.getSession().getAttribute(Function.sessionbean);  
6.             String where = "";  
7.             List<UserRecTreeBean> l = null;  
8.             if ("NORMAL".equals(sb.getUsertype())) {  
9.                 where += " vf.activestatus = 1  AND vu.userid = '"  
10.                         + sb.getUserid() + "' and vf.imagepath=0";  
11.                 l = vfdi.getByUserRecTree(where);  
12.             }  
13.             JSONObject json = new JSONObject();  
14.             if (l != null && l.size() > 0) {  
15.                 JSONArray arr = new JSONArray();  
16.                 for (UserRecTreeBean oo : l) {  
17.                     arr.put(new JSONObject(oo));  
18.                 }  
19.                 json.put("tree", arr);  
20.                 ResponseUtils.renderJson(rp, json.toString());  
21.             } else {  
22.                 t = "";  
23.             }  
24.             ResponseUtils.renderJson(rp, json.toString());  
25.         } catch (Exception e) {  
26.             e.printStackTrace();  
27.         }  
28.     }  

 

Java代码   

1. public List<UserRecTreeBean> getByUserRecTree(String where) throws SQLException, Exception {  
2.         Connection con = getConnection();  
3.         try {  
4.             String sql="SELECT vf.menuid as id, vf.menuname as text,  vf.menuid as menuid FROM vod_user vu LEFT JOIN vod_menu vf ON vu.menuid = vf.menuid WHERE "+where;  
5.             ResultSetHandler<List<UserRecTreeBean>> rsh = new BeanListHandler<UserRecTreeBean>(UserRecTreeBean.class);  
6.             System.out.println(sql);  
7.             return query(con, sql, rsh);  
8.         } catch (SQLException e) {  
9.             e.printStackTrace();  
10.         } finally {  
11.             Close(con);  
12.         }  
13.         return null;  
14.     }  

 

Java代码   

1. package com.avcon.form;  
2.   
3. public class UserRecTreeBean {  
4.     private String id;  
5.     private String text;  
6.     private String menuid;  
7.     public String getId() {  
8.         return id;  
9.     }  
10.     public void setId(String id) {  
11.         this.id = id;  
12.     }  
13.     public String getText() {  
14.         return text;  
15.     }  
16.     public void setText(String text) {  
17.         this.text = text;  
18.     }  
19.     public String getMenuid() {  
20.         return menuid;  
21.     }  
22.     public void setMenuid(String menuid) {  
23.         this.menuid = menuid;  
24.     }  
25. }  

  

<script type="text/javascript"> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>