0

我想从 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 一起使用。

4

3 回答 3

1

您的回复没有d属性。

不要试图解析它。jQuery 就是这样做的。

只需这样做:

jsonList = msg.Table

虽然我看不到您从 AJAX 调用转换到底部代码的位置,但我不确定两者之间发生了什么。

这些表明未解析 JSON:

console.log("Obj " + categoryJson); //shows the Json string 
console.log("TABLE " + categoryJson.Table); //returns undefined :(

所以在这里你需要$.parseJSON它。同样,我发现这两个代码示例之间没有任何关系。

于 2012-05-08T21:44:46.967 回答
0

好吧,您似乎需要调用: msg.Table 而不是 msg.d ... msg.d 似乎未定义。

于 2012-05-08T21:46:46.920 回答
0

您可以使用 jquery.each 遍历 javascript 对象

html

<select id="fillme"></select>​

javascript

var categoryJson = {"Table":[{ "categoryid":"0","categoryname": "--Select Category1--             
"},{"categoryid":"2","categoryname":"subname2"},
{"categoryid":"3","categoryname":"subname3"},
{"categoryid":"4","categoryname":"subname4"}]};

var table = categoryJson.Table;

$(table).each(function(key,cat){
    var option = '<option value="'+cat.categoryid+'">'+cat.categoryname+'</option>';
    $('#fillme').append(option);
});

jquery 示例此代码的作用

于 2012-05-08T22:01:16.490 回答