在视图中准备一个json对象来传递控制器

Question

我有一棵具有 ul li HTML 结构的树。

每个 li 中都有一个包含树的节点名称的跨度。

我必须在读取树后创建一个 json 对象，它应该看起来像这样的东西，

        this.orgStructureId = null; 
        this.name = null;
        this.nodeList = null; 
        this.parent = null;
        this.list = null;

我不确定它将是结构，但有一些类似的东西。那么我怎样才能制作这个对象，你需要更多的输入来制作json 对象。

https://i.sstatic.net/9itqx.jpg 树木样本快照

Answer 1

var json = {};
$('li').each(function(){
    json[this.innerHTML] = null;
})

然后你只需要序列化它

Answer 2

树是在服务器上生成的

如果您的树是在服务器端生成的，您也可以将其 JSON 字符串添加到您的 HTML 中并使用预先准备好的 JSON 数据，而不是在客户端生成......

<ul id="TreeRoot" data="{ name: 'Some name', ... }">
    <li>...</li>
    ...
</ul>

然后只需调用

var data = $.parseJSON($("#TreeRoot").attr("data"));

即可将获取要发送到服务器的 JSON 数据。但是还有另一个障碍......将数据传递给控制器​​操作。

我建议您阅读 这篇关于发送 JSON 数据的博客文章，这将使您的生活更加轻松...

树在客户端生成

如果您的树是由用户在客户端生成/编辑的，您将别无选择，只能：

• 遍历层次结构数据的 DOM 元素并生成 JSON
• 生成 JSON 数据，同时用户创建树并随时准备好并使用最终结果，

我可能会选择第二个，因为无论如何您都已经在操作数据了。那么为什么不生成 HTML 节点并填充变量呢？