HTML5 के साथ संख्यात्मक मान और स्थानीय संग्रहण

एंडी हैरिस द्वारा

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



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



 function countVisits(){ str_count = localStorage.getItem('count'); //get a numeric value from str_count, put it in count if (str_count == null || str_count == 'null'){ count = 0; } else { count = parseInt(str_count); } // end if //increment count count++; //display count lblCounter = document.getElementById('lblCounter'); lblCounter.innerHTML = 'You have been here ' + count + ' times'; //store count localStorage.setItem('count', count); } // end count

इस कोड को हर बार पेज लोड होने पर चलाने की आवश्यकता होगी (शायद के साथ)विशेषता)।

  1. से गिनती प्राप्त करने का प्रयास स्थानीय दुकान .



    उपयोगstr_उपसर्ग आपको याद दिलाने के लिए कि डेटा वर्तमान में एक स्ट्रिंग है।

  2. सुनिश्चित करें कि मान मौजूद है।

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



  3. अगरstr_countमौजूद है, इसे एक पूर्णांक में बदलें।

    उपयोगपार्सइंट ()स्ट्रिंग को बदलने की विधिstr_countपूर्णांक मेंगिनती.

  4. इसमें एक जोड़ेंगिनती.

    अब वहगिनतीएक पूर्णांक है, आप इसमें जोड़ सकते हैं।

  5. उपयोगकर्ता को काउंटर मान प्रदर्शित करें।

    बेशक, यह बिल्कुल आवश्यक नहीं है, लेकिन कुछ प्रतिक्रिया देना अच्छा है।

    क्या ल्यूपिन 500 आपको ऊंचा उठा सकता है
  6. दुकानगिनती वापस इस पर स्थानीय भंडारडेटाबेस।

    ध्यान दें कि आप पूर्णांक को स्टोर कर सकते हैंगिनतीडेटाबेस में बिना किसी समस्या के। संग्रहीत होने पर इसे चुपचाप एक स्ट्रिंग में परिवर्तित कर दिया जाएगा।

दिलचस्प लेख