使用ajax保存Web应用程序的用户选择

时间:2017-08-12 20:53:17

标签: javascript html ajax cookies coldfusion

我正在使用ColdFusion和传统的网络技术(html,css和javascript)构建一个Web应用程序。

我有2个div:

Div one包含一个通过Ajax更新的表,并从sql server(用户可以逐个选择的文档列表)中提取信息。当用户选择行时,我希望它们显示在第2行div(因此用户可以看到已选择的内容)。

当用户选择一行时,我将该选择的数据传递给javascript函数,该函数用ajax更新第二个div。显然,通过这种方法,我只能发送单行信息(选择的那一行)。

我的疑问是,如何跟踪所选的所有项目,以便第二个div可以显示所有项目而不是唯一被选中的项目?我应该使用cookies来保存它们吗?我还有什么其他选择?在应用程序的图像下方

应用程序布局:

提前感谢您的帮助

1 个答案:

答案 0 :(得分:0)

您有多个选项可以保存可从客户端应用程序访问的数据,但这取决于您当前的体系结构。一些想到的东西:

  • 如果要在同一浏览器上保留值,请使用localStorage。这不会与后端通信:localStorage.setItem('selectedItems', JSON.stringify(selectedItemsArray));
  • 使用应用程序命名空间的全局变量。例如:window.myApp = {}; window.myApp.selectedItems = [...]
  • 使用indexedDB,一个位于浏览器中的数据库。

因为您使用的是ColdFusion框架,所以您可能会受到限制。 This answer描述了如何添加应用程序作用域变量。