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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值