วิธีที่ง่ายที่สุดในการโหลดหน้าปัจจุบันซ้ำโดยไม่สูญเสียข้อมูลในฟอร์ม ให้ใช้ WebStorage ที่คุณมี -persistent storage (localStorage) หรือ session-based (sessionStorage) ซึ่งยังคงอยู่ในหน่วยความจำจนกว่าเว็บเบราว์เซอร์ของคุณ ถูกปิด
ลองใช้วิธีนี้เมื่อหน้ากำลังจะโหลดซ้ำ
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);
// ...
} 