javascript - 如何使用 cookie 存储复杂信息并随后根据数据动态触发操作？

Question

我有一个简单(但有些复杂)的问题。基本上我添加的项目是为了让我的网络应用程序更加“像桌面”。例如，现在我正在尝试获取一个页面，以根据先前选择的项目将信息动态加载到 DIV 中。我目前正在使用 cookie 来保存数据，但我一辈子都无法让我的大脑解决这个问题。

我有一个具有以下关系的场景:

站点有_许多建筑物

建筑物有_许多米

米

所有实体都可以有关联的图表。因此，为了使其通用，我为每个 CHARTS 建立了一个“has_many”关系，并像这样抽象它。

网站有_许多图表，如图表所示

建筑有_许多图表，如图表所示

METER has_many CHARTS, as Chartable

一旦用户从左侧菜单中选择一个项目，我就会使用一种方法来确定哪个项目需要找到图表，并显示特定项目的图表。一切都很好。

我现在的问题是使用cookie，以便将数据保存到独立的键(或者可能是Marshal对象)，以便在页面重新加载时动态地重新加载先前选定的项目的数据。 ajax 调用需要多个值，以便“更新”操作找到正确的项目并显示它。我无法确定是直接使用 Javascript、尝试触发操作还是使用某种组合。

正如我所说，我确信这个问题相当简单或直接，但我只是没有看到它。如果这个描述有点模糊，我深表歉意。欢迎询问更多信息。

最佳

Answer 1

当用户从菜单中选择一个项目时，将重新选择该项目所需的所有信息保存到 cookie 中。将 Javascript 方法绑定(bind)到页面加载并检查该 cookie 的值。如果存在指示应预先选择某个项目的信息，则只需调用与用户从菜单中选择新项目时调用的相同的 Javascript 方法即可。例如，如果您使用 JQuery，则可以执行类似以下操作来绑定(bind)到页面加载:

$(document).ready(function() { /* check cookie and do stuff */ }

您可以做的另一件事是，如果该 cookie 存在，则在 RoR 代码中预渲染该内容，这样您就不会在页面加载时立即执行 AJAX 调用(因为有时由于页面加载性能下降，这被认为是不好的形式) )。