我想从 JSON 创建一个动态选择输入(下拉菜单)。
我尝试了两种方法来获取下拉菜单选择输入的 JSON 对象(我在注释掉的 JS 中标记了尝试 1 和尝试 2)。
我将字符串返回给客户端,但是,前端并未将其视为 JSON 对象,而只是一个字符串。我尝试使用 .Net 序列化程序和 Json2 Parse 对其进行解析和序列化。
AJAX 调用
function getcategories(categoryId) {
$.ajax({
type: 'POST',
url: '/Services/Category.aspx/GetCategory',
data: '{"categoryId":"' + categoryId + '"}',
contentType: 'application/json; charset=utf-8',
global: false,
async: false,
dataType: 'json',
success: function (msg) {
if (msg.d == null || msg.d == '') {
//end of the road. not more categories. so don't add another DDL
jsonList = '';
console.log("No more DDLs: ");
} else {
//attempt 1: converting returned data to Json
//var json = JSON.parse(msg.d);//just returns [object object]
//jsonList = json.d;
//attemp2: trying to consume stringbuilder string as Json
//or if I do the below, I also get an error Table does not exist
//jsonList = msg.d
}
}
});
return false;
}
返回的 JSON
{
"Table": [{
"categoryid": "0",
"categoryname": "--Select Category1--"
}, {
"categoryid": "2",
"categoryname": "subname2"
}, {
"categoryid": "3",
"categoryname": "subname3"
}, {
"categoryid": "4",
"categoryname": "subname4"
}]
}
尝试在这里循环使用它:
//simplified function inside the ready()
//add dynamic select with options from Json
$('<select id ="DDL' + nextSelect + '" class="cascade"><option value="-">-- Step' + nextSelect + ' --</option></select>').appendTo('div .chooseSteps');
console.log("Obj " + categoryJson); //shows the Json string
console.log("TABLE " + categoryJson.Table); //returns undefined :(
var listItems = "";
//Says that Table does not exist (undefined)
for (var i = 0; i < categoryJson.Table.length; i++) {
listItems += "<option value='" + categoryJson.Table[i].categoryid + "'>" + categoryJson.Table[i].categoryname + "</option>";
}
所以我的目标是获得显示和获取表值的选项。
我整个下午都在搜索论坛,找不到有效的解决方案,这让我发疯。感谢你的理解。
我将 jQuery 1.7.1 AJAX 与 Json2.js(作为旧浏览器的备份)与 Asp.Net 4 一起使用。