Json_Table表格式

 一、Json使用方式，使用Ajax返回下面格式的字符串到页面接收

{"number":
 [ 
 { "ID":"1","Name":"手机数码","ParentID":"-1"},
 { "ID":"3","Name":"手机","ParentID":"2"}, 
 { "ID":"6","Name":"电池","ParentID":"5"}, 
 { "ID":"7","Name":"其他配件","ParentID":"5"}, 
 { "ID":"8","Name":"测试","ParentID":"-1"}, 
 { "ID":"4","Name":"对讲机","ParentID":"2"}, 
 { "ID":"2","Name":"手机通讯","ParentID":"1"}, 
 { "ID":"5","Name":"手机配件","ParentID":"1"} 
 ]
 }

二、将接收到的对象用JQ的data对线存放到页面的任何位置，下面我是存放子Body中，设置Body的id=‘body1’

   function GetProductType() {
            var ProductTypeId = $("#hf_ProductTypeId").val();
            $.ajax({
                url: "http://www.cnblogs.com/../Ajax/System/GetProductType.ashx",
                data: {
                    rd: Math.random(),
                    PageUrl: document.URL
                },
                async: false,
                success: function (data) {
                    if (data.number == "") {
                        $.jBox.tip("没有查询到数据", 'error');
                        return;
                    }

                    $("#body1").data(data.number);
                 }
            }
        )
        }

 三、如何使用

function test() {
            var typeJson = $("#body1").data();
            var IDs = "";
            var Names = "";
            var ParentIDs = "";
            $.each(typeJson, function (i) {
                if (IDs == "") {
                    IDs = typeJson[i].ID; //注意：此位置的ID是上面拼接出来的Json格式中的ID为，可以理解为列名，要注意的是这里是区分大小写的
                }
                else {
                    IDs += "," + typeJson[i].ID;
                }

                if (Names == "") {
                    Names = typeJson[i].Name;
                }
                else {
                    Names += "," + typeJson[i].Name;
                }

                if (ParentIDs == "") {
                    ParentIDs = typeJson[i].ParentID;
                }
                else {
                    ParentIDs += "," + typeJson[i].ParentID;
                }

            });
        }

 

 

转载于:https://www.cnblogs.com/weiaiy/archive/2013/04/27/3046451.html