如何在不丢失HTML表单数据的情况下重新加载当前页面？
重新加载当前页面而又不丢失表单数据的最简单方法是使用WebStorage，在该存储中，-永久存储(localStorage)或基于会话的(sessionStorage)会保留在内存中，直到关闭Web浏览器为止。
当页面即将重新加载时，请尝试此操作，
window.onbeforeunload = function() {
localStorage.setItem(name, $('#inputName').val());
localStorage.setItem(phone, $('#inputPhone').val());
localStorage.setItem(subject, $('#inputAddress').val());
}
现在检查它-
window.onload = function() {
var name = localStorage.getItem(name);
var phone = localStorage.getItem(phone);
if (name !== null) $('#inputName').val(name); if (phone !== null) $('#inputPhone').val(phone);
//...-
}
-
问题内容： 我可以重新加载当前页面而不丢失任何表单数据吗？我用了.. 和 但是这两件事对我来说无法获得早期的表格数据。怎么了 ？手动刷新浏览器时，一切正常（我不会丢失任何表单数据）。请指导我如何解决。 这是我的完整代码… 并在我的JS文件中。 问题答案： 您可以使用各种本地存储机制在浏览器中存储此数据，例如Web Storage，IndexedDB，WebSQL（不建议使用）和File API（不
-
我有一个用户名列表，用户名列表根据用户输入的数量而增加。问题是，当用户输入用户名时，列表会被输入填充，只有当我的页面重新加载时，我的页面才会更新。这是我迄今为止尝试过的代码。 我无法在外页重新加载的情况下更新数据。请建议我如何更新ui：在外页重新加载的情况下重复数据。提前谢谢。
-
问题内容： 我想做一个常见问题面板，当用户问它在部门顶部显示的任何问题而无需重新加载页面时，我想我必须每隔几秒钟就与数据库建立连接。现在的问题是，如何在不重新加载页面的情况下建立连接，以及如何显示新问题？ 问题答案： 您有两种选择： Ajax，它允许您使用JavaScript从服务器检索数据，然后可以使用它来操作DOM。Ajax的基础是对象，它使您可以在JavaScript中完全检索后台数据。请注
-
问题内容： 有没有办法可以在不重新加载页面的情况下修改当前页面的URL？ 如果可能，我想访问＃哈希 之前 的部分。 我只需要更改域 后 的部分，所以就好像我没有违反跨域策略一样。 问题答案： 现在，可以在Chrome，Safari，Firefox 4+和Internet Explorer 10pp4 +中完成此操作！ 例： 然后，您可以用来检测后退/前进按钮的导航：
-
问题内容： 我已经使用提交按钮在ajax中发送了数据，而没有刷新任何页面。但是页面刷新了。 请检查我的代码，让我知道问题所在。 ajax.php 问题答案： js已经阻止了表单提交 问题中的代码 已经 阻止了此行提交表单： 这意味着：问题中的JavaScript代码根本没有运行。 该表格尚不存在 这里的问题是当此行代码运行时： 那个元素还没有加入dom 。因此，提交处理程序不附加任何内容-表单提交
-
问题内容： 转到任何GitHub 页面，然后单击任何目录/文件，并观察URL的更改方式，但仅更新页面的一部分。没有整个页面重新加载。 我如何使用jQuery做类似的事情？ 这对大多数浏览器都有效吗（我使用的是Chrome）？ 问题答案： 他们使用历史记录API，或者专门使用。 您可以使用它，不需要jQuery，但是有一些插件，例如history.js。 这适用于大多数浏览器，即Chrome，Saf