数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会学
时装设计
法学如何使用 HTML 重新加载当前页面而不丢失任何表单数据？
最简单的办法是使用 WebStorage 来重新加载当前页面而不丢失表单数据，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);
// ...
}
更新于：2020 年 6 月 24 日
7K+ 浏览
广告