javascript - 如何将可编辑的表格数据保存为用于绘制表格的JSON？

Question

首先，我只想感谢您查看我的帖子。对此，我真的非常感激。这是我的问题 -->

假设我有 JSON 文档，如下所示 -->

{"superhero":[{"hero":"万磁王","name":"马克斯·艾森哈特","appearances_count":42},{"hero":"超人","name":"克拉克·肯特","appearances_count":42}]}

我在 html5 和 JQuery 中使用此 JSON 文档绘制了一个表格。现在我想编辑使用 JSON 文档绘制的表格元素，并将编辑后的数据保存在该 JSON 文档中。

我的 HTML 是这样的 -->

 <table>
    <thead>
        <th>Hero</th>
        <th>Name</th>
        <th>AppearanceCount</th>    
    </thead>
    <tbody class="data"></tbody>
 </table>

我用来绘制表格的 JQuery 是这样的 -->

$(document).ready(function(){
    $.getJSON("data.json", function(){
    var hero = this['hero'];
    var name = this['name'];
    var numCount = this['appearances_count'];

    var tbodyData = "<tr><td>"+hero+"</td><td>"+name+"</td><td>"+numCount+"</td></tr>"

    $(".data").append(tbodyData);
    });
});

data.json 保存上面的 json。请提供任何帮助，我们将不胜感激。再次感谢您查看我的帖子。

Answer 1

关于如何手动执行此操作的答案太长了，但简单来说，您应该使用支持两种方式绑定(bind)的库，例如 Knockout 或 Angular