jquery操作JSONArray

后台java代码设置

[java] view plaincopy

1. JSONArray baseArray = new JSONArray();  
2.         try {  
3.             ArrayList<BookMarkWrapper> bwList = bookMarkDAO  
4.                     .getDirectoryItemsByParentID(pid);  
5.             for (BookMarkWrapper bw : bwList) {  
6.                 JSONObject json = new JSONObject();  
7.                 BookMark b = bw.getBookMark();  
8.   
9.                 json.put("id", bw.getId());  
10.                 String directory = b  
11.                         .getDirectory()  
12.                         .getPropertyValueAsString()  
13.                         .substring(  
14.                                 b.getDirectory().getPropertyValueAsString()  
15.                                         .lastIndexOf("/") + 1);  
16.                 json.put("text", directory);  
17.                 json.put("hasChildren", bookMarkDAO  
18.                         .getItemsCountByParentID(bw.getId()) > 0 ? true  
19.                         : false);  
20.                 baseArray.add(json);  
21.             }  
22.             return baseArray.toString();  
23.         } catch (DAOException e) {  
24.             log.error(this.getClass().getName()  
25.                     + " showDirectoryItems method DAOException="  
26.                     + e.toString());  
27.             throw new ServletException(e);  
28.         }  

前端js解析：

[javascript] view plaincopy

1. function fillLeftContent(obj, data) {  
2.     var html = '';  
3.     $.each(  
4.                     data,  
5.                     function(key) {  
6.                         if (data[key]["hasChildren"]) {  
7.                             html += '<dd style="border:none;cursor:pointer" ><dl style="border:none;" id="li_left_'  
8.                                     + data[key]["id"]  
9.                                     + '" ><dt style="border:none;" onclick="$(\'#id_page_0\').css(\'display\',\'none\');$(\'#gopage_err\').css(\'display\',\'none\');isLeftClick=true;loadLeft(\'#li_left_'  
10.                                     + data[key]["id"]  
11.                                     + '\','  
12.                                     + data[key]["id"]  
13.                                     + ')">';  
14.                             html += '<b></b><span>';  
15.                             html += data[key]["text"] + '</span>';  
16.                             html += '</dt></dl></dd>';  
17.                         } else {  
18.                             html += '<dd onclick="$(\'#id_page_0\').css(\'display\',\'none\');$(\'#gopage_err\').css(\'display\',\'none\');loadLeft(\'#li_left_'  
19.                                     + data[key]["id"]  
20.                                     + '\','  
21.                                     + data[key]["id"]  
22.                                     + ')" style="border:none;cursor:pointer" id="li_left_'  
23.                                     + data[key]["id"] + '"><b></b><span>';  
24.                             html += data[key]["text"] + '</span></dd>';  
25.                         }  
26.                     });  
27.     $(obj).append(html);