WebStorage का उपयोग
फॉर्म डेटा खोए बिना वर्तमान पेज को रीलोड करने का सबसे आसान तरीका WebStorage का उपयोग करना है जहां आपके पास - पर्सिस्टेंट स्टोरेज (localStorage) या सेशन-आधारित (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);
// ...
}
यह दृष्टिकोण पेज रीलोड्स पर फॉर्म डेटा को बनाए रखता है।
