json数据基础处理

1.JSON数据组合

JSONObject obj = new JSONObject();//定义json对象
obj.put("ul", dropDownHtml.toString());//将dropDownHtml.toString()数据与ul进行组装

最后形成如下格式：

{"ul":"123"}

2.json数组组合

String s1 = "{id:1, pId:0, name:\"test1\"}";  
String s2 = "{id:2, pId:1, name:\"test2\"}";  
String s3 = "{id:3, pId:1, name:\"test3\"}";  
String s4 = "{id:4, pId:2, name:\"test4\"}";  
List<String> lstTree = new ArrayList<String>();  
lstTree.add(s1);  
lstTree.add(s2);  
lstTree.add(s3);  
lstTree.add(s4);  

//利用Json插件将Array转换成Json格式     
response.getWriter().print(JSONArray.fromObject(lstTree).toString());

前台使用json数据

success:function(data){ //请求成功后处理函数。    
            //获取edges
            
            nodes=data[0].nodes;
            edges=data[0].edges;   //把后台封装好的简单Json格式赋给treeNodes

        }  

说明：

(1)其中nodes和edges为key

(2)

[{"nodes":[{"id":1,"label":"node1","level":0},{"id":2,"label":"node2","level":1},{"id":3,"label":"node3","level":1}],"edges":[{"from":1,"to":2,"label":"c1"},{"from":2,"to":3,"label":"c2","length":200}]}]

3.将json数据显示在网页上

JSON数据为：

{"ul":"<li rel=24>SS3型<\/li><li rel=25>SS3B型<\/li><li rel=26>SS7型<\/li><li rel=27>SS7C型<\/li><li rel=28>HXD3C型<\/li><li rel=29>DF4型<\/li><li rel=30>DF5型<\/li><li rel=31>DF5G型<\/li><li rel=32>DF7G型<\/li><li rel=33>DF8B<\/li>"}

获取值为：

var tbHtml = data.ul;

显示到页面中

 $('#categorymenu2').html(tbHtml);

<ul id="categorymenu2" class="mcdropdown_menu">

</ul>