如何刷新页面并保持元素不刷新（持久），直到用户单击提交？

Posted 2023-03-05

【中文标题】如何刷新页面并保持元素不刷新（持久），直到用户单击提交？

【英文标题】：how to refresh the page and keep elements non-refreshed (persistent) until the user clicks the submit?

【发布时间】：2011-10-22 03:02:40

【问题描述】：

我正在寻找一种 jQuery 方法来保持页面元素在用户屏幕上的持久性，同时刷新页面。当我刷新页面并丢失 jQuery 页面中的内容时，它会发生变化。

我需要页面是持久的。如何刷新页面并保持元素不刷新（持久），直到用户单击提交按钮。如何做到这一点？

【参考方案1】：

由于刷新整个页面正在加载一个全新的页面，因此您可以保留到目前为止输入页面的数据的唯一方法是在刷新之前将其保存到某个存储位置，然后在加载新页面时，你从存储位置读回它。

存储数据的可行位置是：

Cookie。 使用 ajax 调用（如自动保存）从服务器存储，然后通过 ajax 检索或让服务器在刷新时将保存的值放回表单中。 存储在 html5 网络存储中（仅适用于较新的浏览器）。 存储在另一个未刷新的窗口或框架（来自同一域）中。

另一种可能性是避免刷新页面。您没有说为什么要首先刷新页面，但这只是为了更新页面中的某些内容，然后您可以使用ajax获取更新的内容并使用jQuery将新内容放入页面并完全避免刷新。这样做，页面中的现有数据将保持不变。

【讨论】：

+1 关于 cookie 的好主意。我的大脑甚至没有去那里:)

@jfriend00 我有类似的情况，您的解决方案将适合（我正在尝试使用 Ajax 加载内容保持原位 header logotext 和 菜单 但没有成功）你能看看吗？ ***.com/questions/32770490/…