HTML5 ने क्लाइंट पक्ष पर संरचित डेटा संग्रहीत करने और निम्नलिखित कमियों को दूर करने के लिए HTTP सत्र कुकीज़ के समान दो तंत्र पेश किए।
- कुकीज़ को प्रत्येक HTTP अनुरोध के साथ शामिल किया जाता है, जिससे समान डेटा संचारित करके आपके वेब एप्लिकेशन को धीमा कर दिया जाता है।
- कुकी लगभग 4 KB डेटा तक सीमित है। आवश्यक डेटा संग्रहीत करने के लिए पर्याप्त नहीं है।
भंडारण के लिए दो तंत्र सत्र भंडारण और स्थानीय भंडारण हैं और उनका उपयोग विभिन्न स्थितियों को संभालने के लिए किया जाएगा।
सत्र संग्रहण
सत्र संग्रहण उन परिदृश्यों के लिए डिज़ाइन किया गया है जहां उपयोगकर्ता एक ही लेनदेन कर रहा है लेकिन एक ही समय में विभिन्न विंडो में कई लेनदेन कर सकता है।
सत्र चर सेट करने और उस चर तक पहुंचने के लिए आप निम्न को चलाने का प्रयास कर सकते हैं
उदाहरण
<!DOCTYPE HTML>
<html>
<body>
<script type="text/javascript">
if( sessionStorage.hits ){
sessionStorage.hits = Number(sessionStorage.hits) +1;
} else{
sessionStorage.hits = 1;
}
document.write("Total Hits :" + sessionStorage.hits );
</script>
<p>Refresh the page to increase number of hits.</p>
<p>Close the window and open it again and check the result.</p>
</body>
</html> स्थानीय संग्रहण
स्थानीय भंडारण भंडारण के लिए डिज़ाइन किया गया है जो कई विंडो तक फैला है और वर्तमान सत्र से परे रहता है। विशेष रूप से, वेब एप्लिकेशन उपयोगकर्ता डेटा के मेगाबाइट को स्टोर करना चाह सकते हैं, जैसे कि संपूर्ण उपयोगकर्ता-लेखक दस्तावेज़ या उपयोगकर्ता का मेलबॉक्स, क्लाइंट पक्ष पर प्रदर्शन कारणों से।
आप स्थानीय संग्रहण चर सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं और हर बार इस पृष्ठ तक पहुंचने पर उस चर तक पहुंच सकते हैं, यहां तक कि अगली बार जब आप विंडो खोलते हैं।
उदाहरण
<!DOCTYPE HTML>
<html>
<body>
<script type="text/javascript">
if( localStorage.hits ){
localStorage.hits = Number(localStorage.hits) +1;
} else{
localStorage.hits = 1;
}
document.write("Total Hits :" + localStorage.hits );
</script>
<p>Refresh the page to increase number of hits.</p>
<p>Close the window and open it again and check the result.</p>
</body>
</html>