[英]how to use JQuery to parse this json?
我有這個JSON:
{
"jsonDept": [
{
"Id": "1",
"DeptName": "aaaa "
}, {
"Id": "2",
"DeptName": "bbb "
}, {
"Id": "6",
"DeptName": "ccc "
}, {
"Id": "7",
"DeptName": "ddd "
}, {
"Id": "8",
"DeptName": "eee "
}, {
"Id": "9",
"DeptName": "fff "
}, {
"Id": "12",
"DeptName": "haha "
}, {
"Id": "13",
"DeptName": "test1 "
}, {
"Id": "14",
"DeptName": "test2 "
}, {
"Id": "10",
"DeptName": "tmd "
}, {
"Id": "11",
"DeptName": "tnnd "
}
]
}
而我的JQuery:
function loadDepartmentList() {
$.ajax({
url: "QueryDepartment.ashx",
//data: "",
type: "GET",
dataType: 'json',
success: function (data) {
// how to read json here? this is not working
$.each(data, function () {
alert("Name: " + this.DeptName);
});
}
})
}
但警報顯示“未定義”,並且僅彈出一次。
我想做的是解析此json,並生成html <ul><li>DeptName</li></ul>
並將html放入div中。
我用谷歌搜索了很多代碼,它們不起作用。 我認為這可能是開頭字符串“ jsonDept”的問題。
誰能為此json寫一個工作腳本? 謝謝!
返回的對象包含一個屬性,即jsonDept
。 這是jsonDept
屬性,其中包含部門信息的數組。
function loadDepartmentList() {
$.ajax({
url: "QueryDepartment.ashx",
//data: "",
type: "GET",
dataType: 'json',
success: function (data) {
// how to read json here? this is not working
$.each(data.jsonDept, function () {
alert("Name: " + this.DeptName);
});
}
})
}
您是否要將JSON數組解析為HTML列表“ ul li DeptName / li / ul”?
為UL創建ID
<ul id="list"></ul>
功能:
function loadDepartmentList() {
$.ajax({
url: "QueryDepartment.ashx",
//data: "",
type: "GET",
dataType: 'json',
success: function (data) {
$.each(data.jsonDept, function () {
$('#lsit').append('<li>'+this.DeptName+'</li>');
});
}
})
}
希望這會給一些想法。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.