Js解析多重Json

来源:互联网 发布:手机修改mac地址软件 编辑:程序博客网 时间:2024/06/04 19:27


后台返回Json格式如下

        /*         结果格式如下:         [            {               "ProductTypeID":"1",               "ProductTypeName":"时尚童鞋",               "ProData":[                   {                         "TypeID":"1","TypeName":"轮滑鞋"                        },                   {                         "TypeID":"2","TypeName":"滑雪鞋"                   },                   {                         "TypeID":"3","TypeName":"足球鞋"                   }]            },            {               "ProductTypeID":"1",               "ProductTypeName":"时尚男鞋",               "ProData":[                   {                         "TypeID":"1","TypeName":"皮鞋"                        },                   {                         "TypeID":"2","TypeName":"休闲鞋"                   },                   {                         "TypeID":"3","TypeName":"跑步鞋"                   }]            }            //......................................         ]         */



jQuery解析Json并循环读取内容

//=========首页头部商品分类=========function SelIndustryProductTypeData(IndustryID, CompanyID) {    $.ajax({        url: '/Home/AjaxService/SelIndustryProductTypeData.ashx',        type: 'GET',        data: { industryid: IndustryID, companyid: CompanyID },        success: function (data) {            var dt = eval("(" + data + ")");            var item = "";            $.each(dt, function (index) {                item += "<dt class=\"mt15\">";                item += "<p class=\"font14 bold\">" + dt[index].ProductTypeName + "</p>";                item += "<span><img src=\"/images/index_iocn3_03.jpg\" width=\"12\" height=\"12\" /></span>";                item += "</dt>";                item += "<dd>";                var dr = dt[index].ProData;                $.each(dr, function (num) {                    item += "<a href=\"#\">" + dr[num].TypeName + "</a>";                });                item += "</dd>";            });            $("#nav-top").html(item);        }    });}

例子源码请看Ajax多重List解析Json全代码

0 0
原创粉丝点击