2011-12-14 16 views
17

मैंने sessionStorage (सत्र के दौरान जारी) और localStorage (हटाए जाने पर हमेशा के लिए बने रहें) के बीच अंतर सीखा है।मुझे html5 sessionStorage का उपयोग कब करना चाहिए?

मैं देख सकता हूँ कि localStorage कुकी के बेहतर संस्करण के रूप में इस्तेमाल किया जा सकता। (अधिक आकार, प्रत्येक HTTP अनुरोध के लिए सर्वर पर यात्रा नहीं कर रहा है जैसे कुकी करता है)।

लेकिन sessionStorage के लिए, मैं सोच रहा हूं कि मुझे इसका प्रभावी ढंग से उपयोग कब करना चाहिए?

मैंने पेज ए में टेक्स्ट फ़ील्ड्स में उपयोगकर्ता इनपुट के बारे में सोचा और फिर उसी टैब या ब्राउज़र विंडो में पेज बी पर चलता है, पेज बी सत्र स्टोरेज देख सकता है।

मैं ऊपर दिए गए परिदृश्य से वास्तव में अपने अनुमान का विस्तार नहीं कर सकता। क्या कोई मुझे बता सकता है कि सत्रस्टॉरेज का उपयोग कैसे किया जा सकता है?

उत्तर

19
ajax संचालित गतिशील इंटरफेस के साथ

, समय की एक बहुत की वर्तमान स्थिति के भंडारण कोई बात नहीं है कैसे इंटरफ़ेस दिखता है (जो की तरह टैब उदाहरण के लिए चुना जाता है,)। sessionStorage का उपयोग इंटरफ़ेस की स्थिति को संग्रहीत करने के लिए किया जा सकता है, इसलिए किसी पृष्ठ पर वापस आने पर, आप उस स्क्रीन को पुनर्स्थापित कर सकते हैं जिस तरह से उपयोगकर्ता इसे देख रहा था।

एक और उपयोग होगा यदि आप एक ही ऑब्जेक्ट पर कई पेज गहरे काम कर रहे हैं, तो आप आईडी को वैश्विक चर की तरह स्टोर कर सकते हैं: currentInvoiceId

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

कुछ बातें आप केवल उपयोगकर्ता एक समाचार पॉपअप की तरह लॉगिन प्रति एक बार देखने के लिए, चाहते हैं। आप स्टोर कर सकते हैं कि उन्होंने इसे पहले से ही sessionStorage में देखा है। यह उन कार्रवाइयों के लिए भी काम करेगा जो आप चाहते हैं कि उपयोगकर्ता प्रति लॉगिन एक बार करना चाहें।

यह viewstate का उपयोग कर पृष्ठों के बीच डेटा गुजर, <input> क्षेत्रों, या URL पैरामीटर छिपा करने के लिए एक अच्छा विकल्प है।

+1

दिलचस्प, मैं आखिरकार उन बदसूरत छिपे इनपुट या एचटीएमएल पृष्ठों से div को हटा सकता हूं :) –

+0

क्या सिंगल पेज ऐप्स में सत्र स्टोरेज के लिए कोई अच्छा उपयोग है जहां राज्य को स्मृति (जावास्क्रिप्ट ऑब्जेक्ट) में आसानी से संग्रहीत किया जा सकता है? –

+0

@ PauFracés शायद ब्राउज़र क्रैश होने पर स्थिति को संरक्षित कर सकता है। एक फॉर्म भरने के लिए बेकार है, अपने ब्राउज़र को दुर्घटनाग्रस्त है, और सब कुछ खोना। – ThinkingStiff

संबंधित मुद्दे