Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/361.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从树视图生成json对象?_Javascript_Jquery_Json_Html_Jstree - Fatal编程技术网

Javascript 如何从树视图生成json对象?

Javascript 如何从树视图生成json对象?,javascript,jquery,json,html,jstree,Javascript,Jquery,Json,Html,Jstree,您能告诉我如何从树视图中生成json对象吗?我正在使用jstree。当用户获取json对象时,我需要获取json对象 以下是我的演示的预期输出: 你看到了吗 谢谢你的否决票:p function jsonify() { var $this = $(this); return { id: $this.attr('id'), children: $this.find('ul > li').map(jsonify).get() }; }

您能告诉我如何从树视图中生成json对象吗?我正在使用jstree。当用户获取json对象时,我需要获取json对象

以下是我的演示的预期输出:

你看到了吗

谢谢你的否决票:p

function jsonify() {
    var $this = $(this);
    return {
        id: $this.attr('id'),
        children: $this.find('ul > li').map(jsonify).get()
    };
}

$('#json').click(function(){
    var json_list = $('#tree > ul > li').map(jsonify).get();
    console.log(JSON.stringify(json_list));
});

这对我来说是可行的,但不适用于树插件,因为它改变了DOM

那么,你在做这件事时遇到了什么问题呢?制作json OBJJ的问题你是说json.stringify不适合你?关键的挑战是获取所需的数据结构,转换为JSON是一项非常简单的单行任务。是的,你是对的。我需要这样做structure@MikeBrant你能帮我制作这个结构吗?我需要使用插件吗?不,我从来没有使用过插件。你的答案应该包括一些与手头问题相关的实际代码。这里不赞成只链接的答案。@dan你有什么建议吗?@dan如何建立这种结构?
function jsonify() {
    var $this = $(this);
    return {
        id: $this.attr('id'),
        children: $this.find('ul > li').map(jsonify).get()
    };
}

$('#json').click(function(){
    var json_list = $('#tree > ul > li').map(jsonify).get();
    console.log(JSON.stringify(json_list));
});