如何收集动态客户端数据并将其传递给服务器端

Question

我需要一些关于如何在这种情况下进行的方向。使用带有JQuery的Asp.Net页面，用户生成表示其进程数据的动态元素。任务： - 基本上，在页面的左侧，右侧和底部，有几种带有可拖动物品的手风琴 - 在页面中间，有一个＆＃39; PLUS＆＃39;按键 - 当用户点击＆＃39; +＆＃39;时，新的＆＃39; CARD＆＃39;是在页面中间动态生成的。这张卡是一个主要的div，里面有一些可放置的div - 此卡表示用户任务，内部div是当前任务的属性 - 用户拖动横向手风琴的选项并将它们放在卡/主div的可放置区域/ div上。 完成度的数！任务表征＆＃39;任务完成了。 - 重复该过程，根据需要添加更多卡片。

所有这些操作都是客户端的：直到这一刻，不需要调用服务器操作。 到现在为止，这就是我的问题所在：当用户完成时，他会点击“保存”状态。按钮。 我怎样才能从客户端上的一组动态HTML控件转到包含用户数据的自定义类类型的IEnumerable来进行数据操作？

这些是我的一些想法：

创意＃1：  1.在Page_Load上，实例化一个＆＃39; TaskData＆＃39;  2.当用户点击Save时，使用Jquery选择卡类的所有元素  3.遍历所有卡  4.选择并循环卡的所有元素，读取可放置区域的数据  5.将数据传递到服务器（使用webservice或page_methods）

想法＃2：

1. 在Page_Load上，实例化一个＆＃39; TaskData＆＃39;
的列表
2. 每次下降＆＃39;事件，调用特定的page_method，例如：setPropertyX（字符串值），setPropertyY（字符串值）等，以避免回调。这样，在Save方法上，我会逐步填充对象。

想法＃3：

1. 每次下降＆＃39; event，在数组变量上存储值
2. ...

创意＃4：

1. 使用浏览器＆＃39; localstorage / sessionstorage或浏览器DB（对我来说是新区域）

所以，正如你所看到的，我非常坚持这一点。欢迎提出建议： - ）