Javascript AJAX/HTML如何存储复杂数据

考虑这个用例

我有一个表（

），它允许用户输入给定项目在给定周内花费的时间

例如

然后，在用户输入这些行之后，我需要回发所有这些行。 我以前也做过类似的事情，这里我有单独的表单描述每一行，然后用jQuery迭代它们，构建一个JSON对象，将它们作为数组包含

每行的结构：

<tr>
   <form name="RowData">
       <input type="hidden" Name="ProjectID" value="123" />
       <input type="hidden" Name="Monday" value="..." />
       <input type="hidden" Name="Tuesday" value="..." />
   </form>
   <td></td> <!-- Containing the text input and so forth -->
   <td></td>
   <td></td>
</tr>

*请注意，这不是我将如何发送数据的实际表示，而只是一个让您理解我的思维方式的结构*

但我觉得一定有更好更直观的方法来做。 将复杂结构存储在HTML或Javascript中，以便通过AJAX更轻松地发回

我把它存储在Javascript中的问题是保持它与页面以及用户看到的内容同步

如果你们中的一些人有更好的方法，请让我知道，并可能详细解释它是如何工作的，以及为什么它是更好的方法。

您好，您可以试试

我在MVC中使用了一个简单的技巧，如果你愿意，你也可以使用这个

<script>
    var dataMap = {};
</script>
@foreach(var item in Model.Urmodel) {
 <tr data-id="@item.Id"> ... etc </tr>
 <script>
dataMap['@item.Id'] = @Json(item); // you'd have to make a Html helper to do this
</script>
}

var dataMap={}；
@foreach（Model.Urmodel中的var项）{
等
dataMap['@item.Id']=@Json（item）；//您必须制作一个Html帮助程序才能完成此操作
}

您看到了吗？您可以使用它的模板和数据绑定。

json:{
     rows:[
          {
          ProjectID: 123, 
          Monday: '7:15',
          Tuesday:'3:45', // etc...
          },
          {
          ProjectID: 124, 
          Monday: '1:15',
          Tuesday:'0:45'
          }, // etc...
     ]

}

<script>
    var dataMap = {};
</script>
@foreach(var item in Model.Urmodel) {
 <tr data-id="@item.Id"> ... etc </tr>
 <script>
dataMap['@item.Id'] = @Json(item); // you'd have to make a Html helper to do this
</script>
}