我正在寻找一种jQuery方法，可以在刷新页面时保持页面元素不变。当我刷新页面时，它会改变并且我会丢失jQuery页面中的内容。
我需要页面保持不变。如何在刷新页面时使元素保持不变（持久），直到用户点击提交按钮？应该如何操作？
我需要页面保持不变。如何在刷新页面时使元素保持不变（持久），直到用户点击提交按钮？应该如何操作？
1个回答
6
由于刷新整个页面会加载一个全新的页面，因此您唯一能保留到目前为止输入到页面中的数据的方法是在刷新之前将其保存到某个存储位置，然后在加载新页面时从存储位置读取回来。
可行的数据存储位置包括：
1. Cookies。 2. 通过ajax调用从服务器存储（如自动保存），然后通过ajax检索或在刷新时让服务器将保存的值放回表单中。 3. 存储在HTML5 Web存储中（仅适用于较新的浏览器）。 4. 存储在另一个未被刷新的窗口或框架中（来自同一域）。
另一种可能性是避免刷新页面。您没有说为什么要首先刷新页面，但如果只是为了更新页面中的某些内容，则可以使用ajax获取更新的内容，并使用jQuery将新内容放入页面中，从而完全避免刷新。以这种方式进行操作，页面中的现有数据将保持不变。
可行的数据存储位置包括：
1. Cookies。 2. 通过ajax调用从服务器存储（如自动保存），然后通过ajax检索或在刷新时让服务器将保存的值放回表单中。 3. 存储在HTML5 Web存储中（仅适用于较新的浏览器）。 4. 存储在另一个未被刷新的窗口或框架中（来自同一域）。
另一种可能性是避免刷新页面。您没有说为什么要首先刷新页面，但如果只是为了更新页面中的某些内容，则可以使用ajax获取更新的内容，并使用jQuery将新内容放入页面中，从而完全避免刷新。以这种方式进行操作，页面中的现有数据将保持不变。
- jfriend00
2
+1 关于 cookies 的好主意。我的脑袋甚至没有想到那里 :) - AlienWebguy
@jfriend00，我有一个类似的情况，你的解决方案很适合（我正在尝试使用Ajax来加载内容，但是无法保持_header logotext_和_menu_的位置），你能帮忙看一下吗？https://dev59.com/cVwY5IYBdhLWcg3wTWQu - typo_
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接