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