शुद्ध जावास्क्रिप्ट - कुकी में स्टोर ऑब्जेक्ट

Question

कोई jQuery नहीं।

मैं कुकी में ऑब्जेक्ट या सरणी को स्टोर करना चाहता हूं।

पृष्ठ रीफ्रेश के बाद ऑब्जेक्ट उपयोग करने योग्य होना चाहिए।

मैं शुद्ध जावास्क्रिप्ट के साथ ऐसा कैसे करूं? मैंने कई पदों को पढ़ा, लेकिन उचित तरीके से क्रमबद्ध करने के बारे में नहीं जानते।

---

संपादित करें: कोड:

var instances = {}; 
... 
instances[strInstanceId] = { container: oContainer }; 
... 
instances[strInstanceId].plugin = oPlugin; 
... 
JSON.stringify(instances); 
// throws error 'TypeError: Converting circular structure to JSON' 

1. मैं कैसे को क्रमानुसार करते instances?

2. मैं कार्यक्षमता कैसे बनाए रख सकता हूं, लेकिन stringify के साथ क्रमबद्ध करने में सक्षम होने के लिए उदाहरण की संरचना बदल सकता हूं?

Answer 1

कि एक लिखने का प्रयास करें

function bake_cookie(name, value) { 
    var cookie = [name, '=', JSON.stringify(value), '; domain=.', window.location.host.toString(), '; path=/;'].join(''); 
    document.cookie = cookie; 
} 

इसे ले पढ़ने के लिए:

function read_cookie(name) { 
var result = document.cookie.match(new RegExp(name + '=([^;]+)')); 
result && (result = JSON.parse(result[1])); 
return result; 
} 

इसे ले हटाने के लिए:

function delete_cookie(name) { 
    document.cookie = [name, '=; expires=Thu, 01-Jan-1970 00:00:01 GMT; path=/; domain=.', window.location.host.toString()].join(''); 
} 

जटिल वस्तुओं/उदाहरणों को क्रमानुसार करने के लिए, क्यों नहीं लिख अपने उदाहरण में एक डाटा डंप समारोह:

+०१२३५१६४१०६१

function userConstructor(name, street, city) { 
    // ... your code 
    this.dumpData = function() { 
    return { 
     'userConstructorUser': { 
      name: this.name, 
      street: this.street, 
      city: this.city 
     } 
     } 
    } 

तो फिर तुम डंप डेटा, यह stringify, यह कुकी के लिए लिखते हैं, और अगली बार जब आप उपयोग करना चाहते हैं बस जाओ:

var mydata = JSON.parse(read_cookie('myinstances')); 
    new userConstructor(mydata.name, mydata.street, mydata.city); 

Answer 2

आप अपने विहित स्ट्रिंग प्रतिनिधित्व में अपने वस्तु को क्रमानुसार कर सकते हैं, और यह कहा स्ट्रिंग प्रतिनिधित्व से अपने वस्तु रूप में वापस unserialize सकते हैं, तो हाँ आप इसे एक कुकी में डाल सकते हैं।

Answer 3

या तो ऑब्जेक्ट की अपनी .toString() विधि का उपयोग करें यदि यह सार्थक क्रमिकरण या JSON.stringify() देता है। हालांकि, ध्यान दें कि कुकीज आमतौर पर लंबाई में सीमित होती हैं और बड़ी मात्रा में डेटा रखने में सक्षम नहीं होती हैं।

Answer 4

एक कुकी अनुकूलन वर्ग से: http://www.sitepoint.com/cookieless-javascript-session-variables/

आपको केवल कुकी में स्टोर करने के लिए आवश्यक चर सेट करने और प्राप्त करने की आवश्यकता है।

साथ

कार्य: पूर्णांक, स्ट्रिंग, सरणी, सूची, परिसर वस्तु

उदाहरण:

var toStore = Session.get('toStore'); 

if (toStore == undefined) 
    toStore = ['var','var','var','var']; 
else 
    console.log('Restored from cookies'+toStore); 

Session.set('toStore', toStore); 

कक्षा:

// Cross reload saving 
if (JSON && JSON.stringify && JSON.parse) var Session = Session || (function() { 
// session store 

var store = load(); 

function load() 
{ 
    var name = "store"; 
    var result = document.cookie.match(new RegExp(name + '=([^;]+)')); 

    if (result) 
     return JSON.parse(result[1]); 

    return {}; 
} 

function Save() { 
    var date = new Date(); 
    date.setHours(23,59,59,999); 
    var expires = "expires=" + date.toGMTString(); 
    document.cookie = "store="+JSON.stringify(store)+"; "+expires; 
}; 

// page unload event 
if (window.addEventListener) window.addEventListener("unload", Save, false); 
else if (window.attachEvent) window.attachEvent("onunload", Save); 
else window.onunload = Save; 

// public methods 
return { 

    // set a session variable 
    set: function(name, value) { 
     store[name] = value; 
    }, 

    // get a session value 
    get: function(name) { 
     return (store[name] ? store[name] : undefined); 
    }, 

    // clear session 
    clear: function() { store = {}; } 
}; 
})();