HTML के साथ कोई भी प्रपत्र डेटा खोए बिना वर्तमान पृष्ठ को पुनः लोड कैसे करें?

फॉर्म डेटा खोए बिना वर्तमान पेज को फिर से लोड करने का सबसे आसान तरीका, वेबस्टोरेज का उपयोग करें जहां आपके पास -पर्सिस्टेंट स्टोरेज (लोकलस्टोरेज) या सेशन-बेस्ड (सेशनस्टोरेज) है जो आपके वेब ब्राउजर तक मेमोरी में रहता है। बंद है।

जब पृष्ठ पुनः लोड होने वाला हो, तब इसे आज़माएं,

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);
   // ...
}