Oturumdaki JavaScript nesnelerini kaydetmeStorage

Question

SessionStorage ve LocalStorage, web tarayıcısında anahtar/değer çiftlerini kaydetmeyi sağlar. Değer bir dize olmalı ve js nesnelerini kaydetmek önemsiz değildir.

var user = {'name':'John'}; 
sessionStorage.setItem('user', user); 
var obj = sessionStorage.user; // obj='[object Object]' Not an object 

Günümüzde nesneleri kurtarmak için onları deserializing sonra JSON nesneleri seri ve bu sınırlama önleyebilirsiniz. Ancak Depolama API'si her zaman setItem ve getItem yöntemlerinden geçer.

sessionStorage.setItem('user', JSON.stringify(user)); 
var obj = JSON.parse(sessionStorage.getItem('user')); // An object :D 

Bu sınırlamayı engelleyebilir miyim?

Sadece böyle bir şey yürütmek istiyorum: Ben tüm özellikleri tanımlamak zorunda çünkü Aramaları ama onun sıkıcı bir iş önünü defineGetter ve defineSetter yöntemlerini denemiş

sessionStorage.user.name; // 'John' 
sessionStorage.user.name = 'Mary'; 
sessionStorage.user.name // 'Mary' 

ve benim hedef değildir gelecekteki özelliklerini bilmek.

Answer 1

Web Depolama API'sı tarafından sağlanan erişim sağlayıcılarını kullanabilir veya bir sarıcı/bağdaştırıcı yazabilirsiniz. DefineGetter/defineSetter ile belirtilen sorundan bir sarıcı/adaptör yazmak gibi sesler sizin için çok fazla iştir.

Gerçekten ne söyleyeceğimi bilmiyorum. Belki de "gülünç bir sınırlama" ile ilgili fikrinizi yeniden değerlendirebilirsiniz. Web Depolama API'sı olması gereken tek şey, anahtar/değer deposu.

Answer 2

Nesnenizi 'dizileştiremezsiniz' ... sonra nesnenizin dizge gösterimini saklamak için sessionStorage.setItem() kullanın ... daha sonra ihtiyacınız olduğunda sessionStorage.getItem() ve sonra geri almak için $.parseJSON() kullanın?

örnek çalışma http://jsfiddle.net/pKXMa/

Answer 3

Kullanım örneği:

sesssionStorage.setObj(1,{date:Date.now(),action:'save firstObject'}); 
sesssionStorage.setObj(2,{date:Date.now(),action:'save 2nd object'}); 
//Query first object 
    sesssionStorage.getObj(1) 
    //Retrieve date created of 2nd object 
    new Date(sesssionStorage.getObj(1).date) 

API

Storage.prototype.setObj = function(key, obj) { 

     return this.setItem(key, JSON.stringify(obj)) 
    }; 

    Storage.prototype.getObj = function(key) { 
     return JSON.parse(this.getItem(key)) 
    }; 

Answer 4

çözüm sessionStorage üzerinde setItem çağırmadan önce nesneyi stringify etmektir.

var user = {'name':'John'}; 
sessionStorage.setItem('user', JSON.stringify(user)); 
var obj = JSON.parse(sessionStorage.user); 

Answer 5

var user = {'name':'John'}; 
    sessionStorage['user'] = JSON.stringify(user); 
    console.log(sessionStorage['user']); 

Answer 6

Bu nesneler dahil tüm değer türleri ile çalışan bir dinamik bir çözümdür: Sonra

class Session extends Map { 
    set(id, value) { 
    if (typeof value === 'object') value = JSON.stringify(value); 
    sessionStorage.setItem(id, value); 
    } 

    get(id) { 
    const value = sessionStorage.getItem(id); 
    try { 
     return JSON.parse(value); 
    } catch (e) { 
     return value; 
    } 
    } 
} 

:

const session = new Session(); 

session.set('name', {first: 'Ahmed', last : 'Toumi'}); 
session.get('name'); 

Answer 7

Ayrıca bunu gerçekleştirir store library kullanabilirsiniz crossbrowser yeteneği ile.

örnek:

// Store current user 
store.set('user', { name:'Marcus' }) 

// Get current user 
store.get('user') 

// Remove current user 
store.remove('user') 

// Clear all keys 
store.clearAll() 

// Loop over all stored values 
store.each(function(value, key) { 
    console.log(key, '==', value) 
})