如何在不丢失HTML表单数据的情况下重新加载当前页面？

  • Z时代
  • 2024-01-10
  • 分类：综合

重新加载当前页面而又不丢失表单数据的最简单方法是使用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);
   //...-
}

以上是 如何在不丢失HTML表单数据的情况下重新加载当前页面？ 的全部内容， 来源链接： utcz.com/z/322383.html

回到顶部