后台返回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全代码