使用子项创建json树结构

Question

I have a json tree structure that is appended to by pressing invoke on this fiddle : http://jsfiddle.net/adrianjsfiddlenetuser/C6Ssa/4/

Press invoke multiple tiles on the fiddle & copy/paste the produced jSon intohttp://jsonlint.com/, the produced json is not valid

I need to produce this :

{
    "nodes": [
        {
            "url": "asdfas",
            "date": ""
        },
        {
            "url": "asdfas",
            "date": ""
        },
        {
            "url": "asdfasfdasas",
            "date": ""
        }
    ]
}

Can this be amended so that multiple children can be added to the tree structure, I think I need to amend the var data somehow ?

Answer 1

Try:

var data = {nodes: []};

$("#add").on('click', function () {
    data.nodes.push({
        url: "some url",
        date: new Date
    });

    $("#myDiv").text(JSON.stringify(data));
});

if not, I didn't understand your question ;)

http://jsfiddle.net/gY5yQ/

Answer 2

See if this helps http://jsfiddle.net/C6Ssa/12/

var data = [];


$("#add").click(add);
function add() {

data.push({
    param1: "stuff",
    param2:1,
    param3:1
});
var sample = {};
sample.node = data
$("#myDiv").text(JSON.stringify(sample));
}