जावास्क्रिप्ट में लोकल स्टोरेज से एलिमेंट कैसे पुनः प्राप्त करें?

लोकल स्टोरेज से एलिमेंट को पुनः प्राप्त करने के लिए हमें जांचना होगा कि ब्राउज़र लोकल स्टोरेज का समर्थन करता है या नहीं। बाद में, हमें लोकल स्टोरेज में एक एलिमेंट सेट करना होगा। इस क्षण हमें सावधान रहना होगा क्योंकि एक बार ब्राउज़र बंद हो जाने पर, कोई डेटा लोकल स्टोरेज में संग्रहीत नहीं रहेगा। बाद में, हमें लोकल स्टोरेज में संग्रहीत डेटा को पुनः प्राप्त करना होगा। आइए इसे संक्षेप में समझते हैं।

लोकल स्टोरेज में डेटा सेट करने का सिंटैक्स

localStorage.setItem();

उदाहरण

निम्नलिखित उदाहरण में, प्रारंभ में if कंडीशन का उपयोग करके स्टोरेज की कंपैटिबिलिटी की जांच की गई। बाद में, localStorage.setItem() का उपयोग करके लोकल स्टोरेज में एक आइटम रखा गया। एक बार आइटम लोकल स्टोरेज में हो जाने पर, प्रॉपर्टी localStorage.getItem() का उपयोग करके डेटा पुनः प्राप्त किया गया।

<html> <body> <p id = "storage"></p> <script>    if (typeof(Storage) !== "undefined") {       localStorage.setItem("product", "Tutorix");       document.getElementById("storage").innerHTML = localStorage.getItem("product");    }    else {       document.getElementById("storage").innerHTML = "Sorry, no Web Storage compatibility...";    } </script> </body> </html>

आउटपुट

Tutorix