javascript - jQuery 没有生成我的 JSON

Question

我正在尝试从表单生成 JSON 文档。我想要的输出看起来像这样:

{
    "name": "joe-pc",
    "device_type": "server",
    "os": "windows",
    "info": [
        {
            "net_info": [
                {
                    "ip": "192.168.0.5",
                    "name": "eth0"
                },
                {
                    "ip": "192.168.0.28",
                    "name": "eth1"
                }
            ]
        },
        {
            "OS_info": [
                {
                    "name": "windows"
                },
                {
                    "build": "123.1.3"
                }
            ]
        },
        {
            "whatever_info": [
                {}
            ]
        }
    ]
}

我得到的是:

{"info":[{}]}

代码片段:

$('#top_three_next').click(function (e) {
        var json_obj = new Object();
        json_obj.name = $('#name').val(); //manditory
        json_obj.device_type = $('#device_type').val(); //manditory
        json_obj.os = $('#os').val(); //not a manditory field
        // is this not available outside the function? 
        // even if I declare json_obj as a global var?
    });

完整代码:

http://jsfiddle.net/jdell64/Tu9bB/ (从 js Pane 中的第 93 行开始)。

Answer 1

首先你在 jsfiddle 上的代码看起来有点乱 :)

我明白了

var json_obj = new Object();

第 95 行的声明。根本不需要这一行。因为您已经在 J​​S 的开头定义了空的 json_obj。并且此声明开销全局变量并使用回调范围内的局部变量并且回调结束后填充的所有数据都将丢失。如果删除该行，最后将得到以下结构。

{"name":"1","device_type":"2","os":"3","info":[{}]}

编辑:此外，第 191-192 行对我来说完全不清楚:

infoList.push(infoDocs);
json_obj.info = infoList;

infoDocs 和 infoList 变量都没有在事件处理函数中定义，但它们也没有全局定义!