वेब पेजों में डेटा संरक्षित करना

क्वेरी पैरामीटर का उपयोग करके HTML पेजों के बीच डेटा पास करने से यूआरएल में डेटा दृश्यता का मुद्दा उठता है। शुक्र है, पेजों पर डेटा संप्रेषित करने के लिए जावास्क्रिप्ट और jQuery में वैकल्पिक तंत्र हैं।

HTML5 स्टोरेज ऑब्जेक्ट का लाभ उठाना

इस समस्या को हल करने के लिए, HTML5 सेशनस्टोरेज और स्थानीय भंडारण। ये ऑब्जेक्ट ब्राउज़र के स्थानीय भंडारण के भीतर डेटा को अस्थायी या स्थायी रूप से संग्रहीत करने का एक साधन प्रदान करते हैं, जो बाद में सुविधाजनक पुनर्प्राप्ति की अनुमति देता है।

सत्र भंडारण

एक भीतर अस्थायी डेटा भंडारण के लिए एकल ब्राउज़र सत्र, सेशनस्टोरेज आदर्श है। सेशनस्टोरेज में संग्रहीत डेटा सत्र समाप्त होने तक पहुंच योग्य रहता है (उदाहरण के लिए, जब ब्राउज़र टैब बंद हो जाता है)।

sessionStorage.setItem('label', 'value');
sessionStorage.getItem('label');

Local स्टोरेज

अधिक स्थायी स्टोरेज के लिए, लोकलस्टोरेज समाधान है। लोकलस्टोरेज में संग्रहीत डेटा ब्राउज़र बंद होने और फिर से खोलने के बाद भी बना रहता है।

localStorage.setItem('label', 'value');
localStorage.getItem('label');

HTML5 स्टोरेज ऑब्जेक्ट के लाभ

• यूआरएल में दृश्यता की चिंताओं से बचने के लिए डेटा छिपा रहता है।
• संग्रहीत मान कई पृष्ठों पर और ब्राउज़र रीफ्रेश होने के बाद भी बने रहते हैं (लोकलस्टोरेज के लिए)।
• इंटरमीडिएट फॉर्म डेटा या अन्य आवश्यक जानकारी संग्रहीत करने के लिए आदर्श जिसे पृष्ठों के बीच साझा करने की आवश्यकता होती है।