Javascript 用于跨多个表单提交和页面更新持久化的用户可修改列表的Web设计模式?

Javascript 用于跨多个表单提交和页面更新持久化的用户可修改列表的Web设计模式?,javascript,jquery,web-applications,bottle,beaker,Javascript,Jquery,Web Applications,Bottle,Beaker,我正在开发一个web应用程序(瓶子+烧杯+jQuery),其中我希望用户有一个可修改的条目列表,这些条目在各种表单提交和页面更新中保持不变。单击列表中的某个项目可向数据库查询有关该列表项目的信息,用户可以更新该信息。我希望该列表在查询/更新不同的列表项时保持不变。此外,为了方便用户,该列表允许在处理或查看项目时“勾选”(或取消勾选) 我已经介绍了几种不同的方法来实现这一点(例如,在页面上的每个表单中更新一个隐藏元素,然后在每次往返时使用会话管理来更新服务器上的工作列表;在每次选中列表中的某个项或

我正在开发一个web应用程序(瓶子+烧杯+jQuery),其中我希望用户有一个可修改的条目列表,这些条目在各种表单提交和页面更新中保持不变。单击列表中的某个项目可向数据库查询有关该列表项目的信息,用户可以更新该信息。我希望该列表在查询/更新不同的列表项时保持不变。此外,为了方便用户,该列表允许在处理或查看项目时“勾选”(或取消勾选)

我已经介绍了几种不同的方法来实现这一点(例如,在页面上的每个表单中更新一个隐藏元素,然后在每次往返时使用会话管理来更新服务器上的工作列表;在每次选中列表中的某个项或该项成为“活动”列表元素时,使用Ajax来更新会话变量),但没有一件看起来令人非常满意或优雅


我的问题是有没有一个标准的方法来处理这类事情?当然,这是类似web应用程序的常见要求。

在stackoverflow.com上进一步研究(这些链接非常有用:

)


在与一位同事进行了一些有益的讨论后,他给出了一个在大多数现代浏览器上都适用的答案,即使用HTML5本地存储。由于原始问题中提到的列表仅与特定用户会话相关,因此没有理由将此信息传递给服务器。每次刷新页面时使用类似于本地保存列表的方法,然后在返回时使用预定义键再次检索。唯一的诀窍是如何为不同的浏览器选项卡或窗口维护不同的工作列表。您不能使用会话或cookie(所有选项卡/窗口共享这些会话或cookie);但是,您可以使用javascript来设置(或者使用,如果已经设置了的话)
window.name
。这样可以省去每次往返服务器时将选项卡或windows ID作为GET变量传递给服务器的麻烦,因为您可以使用window.name作为存储本地列表/数据的键。

在stackoverflow.com上进一步研究(这些链接很有帮助:

)

在与一位同事进行了一些有益的讨论后,他给出了一个在大多数现代浏览器上都适用的答案,即使用HTML5本地存储。由于原始问题中提到的列表仅与特定用户会话相关,因此没有理由将此信息传递给服务器。每次刷新页面时使用类似于本地保存列表的方法,然后在返回时使用预定义键再次检索。唯一的诀窍是如何为不同的浏览器选项卡或窗口维护不同的工作列表。您不能使用会话或cookie(所有选项卡/窗口共享这些会话或cookie);但是,您可以使用javascript来设置(或者使用,如果已经设置了的话)
window.name
。这样可以省去每次往返服务器时将选项卡或windows ID作为GET变量传递给服务器的麻烦,因为您可以使用window.name作为存储本地列表/数据的键