Javascript 使用底层客户端JSON数据连接、构建和操作JQuery UI

我使用的是一个静态JSON文件，用于填充基于JQuery的可排序列表

例如：

[
     { "id": 0, "movie_name": "Manhattan", "location":"NY" },
     { "id": 1, "movie_name": "A Wonderful Life" }
]

该网页遍历JSON数组，并构建电影名称字段的可排序列表，以及每个字段的附加文本框，例如，允许用户输入评论。用户还可以对列表重新排序，该列表最终将在服务器端持久化。每个项目可能有其他项目中没有的字段，例如，第一个项目中的“位置”，但第二个项目中没有。“id”字段出现在每个项目中，表示电影的唯一标识符，但不显示

完成后，我希望用户能够将列表提交回服务器，并添加详细信息或将其重新排序为JSON，大致如下：

[
     { "id": 1, "movie_name": "A Wonderful Life", "review":"user entered data" }
     { "id": 0, "movie_name": "Manhattan", "location":"NY", "review":"user entered data" },
]

我不确定维护和构建发送回服务器的JSON数组的最佳方法

我的主要问题是，在操作和提交UI组件时，如何将它们连接回底层JSON对象

最好在字段更改时更新基础JSON数据（如果是，如何更新？），或者在用户提交数据后重建JSON数据（后一种方法不一定对所有未显示的字段都可见）

希望这是有道理的

---

感谢您的帮助。

JSON是一种数据格式，而不是数据。在您的示例中，您应该在页面加载中通过ID将这些json解析为类似散列的对象。然后在每次ui更新时--更新该对象。

---

最近提交时——将该对象转换回类似数组的结构，然后仅将其转换为JSON。现在您将把它放在服务器上。

您永远不会直接使用JSON数据做任何事情。您可以将其解析为原生JS数据结构，即数组和对象，并对其进行修改。然后将它们转换回JSON，并将编码数据发送到服务器。对于数据UI连接，您可能需要查看knockout.js:。谢谢Felix，我会看一看。看起来很有用。谢谢，我想在你的回答和Felix的评论之间，这就回答了问题。：）