如何维护 Ajax 刷新页面上的复选框状态？

Question

我的应用程序中有一个 html 表，显示系统中运行的各种作业的状态。 每个作业都有一个与之关联的状态，例如用于运行作业的漩涡 gif。 新作业旁边有一个复选框，允许用户选择并启动相关作业。

该表是一个 struts2 自动刷新 div (sx:div)，它每隔几秒刷新一次以反映作业当前发生的情况。

问题是，当 div 刷新时，我会丢失复选框的状态。

有没有一种优雅的方式来维持它们的状态？ 我可以选择使用标签中内置的 dojo 主题系统完成 ajax 刷新后调用一些 javascript，但我不确定实现它的最佳方法是什么。

Answer 1

我对 struts 不太熟悉，所以请听听我的建议，了解它的价值。

我认为有两种方法可以解决这个问题。

第一个（可能也是最简单的）是将一个事件添加到复选框，该事件将选中状态存储在数组或对象 onchange 中。 然后，在 ajax 刷新的回调中，恢复这些状态。

第二种方法要求 ajax 刷新要么作为 post 执行，以便将复选框提交到服务器，要么有一个单独的 ajax 操作，在选中复选框时触发。 使用这些选项中的任何一个，ajax 刷新都可以在渲染时“知道”要渲染哪些复选框为选中状态。

如果您决定选择第一，那么 javascript 并不是很困难，特别是如果您碰巧使用了一个好的库（jquery 等）。