এইচটিএমএল দিয়ে কোনো ফর্ম ডেটা না হারিয়ে বর্তমান পৃষ্ঠাটি কীভাবে পুনরায় লোড করবেন?

ফর্ম ডেটা না হারিয়ে বর্তমান পৃষ্ঠাটি পুনরায় লোড করার সবচেয়ে সহজ উপায়, ওয়েব স্টোরেজ ব্যবহার করুন যেখানে আপনার আছে - স্থায়ী স্টোরেজ (স্থানীয় স্টোরেজ) বা সেশন-ভিত্তিক (সেশন স্টোরেজ) যা আপনার ওয়েব ব্রাউজার পর্যন্ত মেমরিতে থাকে বন্ধ।

যখন পৃষ্ঠাটি পুনরায় লোড হতে চলেছে তখন এটি চেষ্টা করুন,

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