【问题标题】:How to keep the form condition on browser go back and go forward button click如何保持浏览器上的表单条件后退和前进按钮单击
【发布时间】:2017-02-03 11:28:35
【问题描述】:

我正在使用使用 HTML 5 的 grails 2.4.2 版本。我有一些基于某些条件的表单元素。比如区、塔那。当我选择地区时,我隐藏了thana,选择了thana,然后隐藏了地区。它工作正常。但是当我单击浏览器的返回按钮时,它会显示两个字段。当用户单击浏览器的返回按钮时,我想保持表单元素的状态。我不知道如何实现它。谁能帮我解决这个问题?

【问题讨论】:

  • 个人认为这可能设计得不好。您也许可以提供 jquery-ui-tabs 并消除返回/前进的需要。到目前为止(缓存等)stackoverflow.com/questions/1489486/… 使用 jquery 序列化表单并随身携带它可能是一种选择,但仍然比目前所说的要容易得多。如果他们单击下一步,您肯定正在捕获它,因此存储它并提供自己的后退按钮,通过 grails 而不是 javascript 缓存重新生成它。我就是这样处理的

标签: javascript jquery html grails


【解决方案1】:

将会话的所有字段存储在 localStorage 中,然后在加载页面时,使用 JavaScript 从 localStorage 加载所有内容。

【讨论】:

  • Cookie 有效。我会使用 localStorage,因为它会为会话保存它。
【解决方案2】:
  1. 位置更改时保存状态
  2. 页面加载时使用状态

【讨论】:

  • 知道如何保存和使用状态
  • 使用原生浏览器api。 cookie 或 localStorage。
  • 或者如果您已经使用 jQuery,请检查 Persist jQuery 插件。它为您提供与“键值”格式相同的功能
  • 这很模糊。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多