Как установить / получить / сохранить данные в хранилище сессии? - PullRequest
Новая
       26

Как установить / получить / сохранить данные в хранилище сессии?

0 голосов
/ 04 мая 2018

вот пример моих данных, которые я получаю после успешного ответа на вызов ajax obj.DATA выглядит так: 

{
  "A43D": {
    "FIRSTNAME": "Mike",
    "EMAIL": "mjohns@gmail.com",
    "LASTNAME": "Johns"
  },
  "4E83": {
    "FIRSTNAME": "Steve",
    "EMAIL": "scook@gmail.com",
    "LASTNAME": "Cook"
  }
}

$.ajax({
   type: 'POST',
   url: 'AjaxFunctions.cfc?method=getCustomers',
   data: formData,
   dataType: 'json'
}).done(function(obj){
   console.log(obj.DATA);
   sessionStorage.setItem("customersData", JSON.stringify(obj.DATA));      
}).fail(function(jqXHR, textStatus, errorThrown){
   alert('Error: '+errorThrown);
});

Затем я сбрасываю sessionStorage в console.log(sessionStorage) и вижу это: 

{
  "customersData": "{\"A43D\":{\"FIRSTNAME\":\"Mike\",\"EMAIL\":\"mjohnes@gmail.com\",\"LASTNAME\":\"Johnes\"},\"4E83\":{\"FIRSTNAME\":\"Steve\",\"EMAIL\":\"scook@gmail.com\",\"LASTNAME\":\"Cook\"}}"
}

Итак, я пытался следующее: 

sessionData = sessionStorage.hasOwnProperty(customersData[recordID]) ? JSON.parse(sessionStorage.getItem(customersData[recordID])) : null;

Это функция, в которой я просто передаю идентификатор записи и затем пытаюсь получить доступ к этой записи в хранилище сеанса. Если я пытаюсь console.log(sessionData), я вижу только null Мне интересно, как я могу получить доступ к конкретному ключу в объекте CustomersData внутри хранилища сеанса? И как бы я вставил / отредактировал запись в объекте sessionStorage CustomersData?

Ответы [ 2 ]

0 голосов
/ 04 мая 2018

Вот как я бы подошел к этому,
путем создания некоторого customersStorage объекта с методами , такими как get, set и add

jsFiddle demo 

var customersStorage = {
    // Get all or single customer by passing an ID
    get: function( id ) {
        var parsed = JSON.parse(sessionStorage.customersData || "{}");
        return id ? parsed[id] : parsed;
    },
    // Set all
    set: function( obj ) {
        return sessionStorage.customersData = JSON.stringify(obj || {});
    },
    // Add single customer and store
    add: function( id, obj ) {
        var all = this.get();
        // Make sure customer does not exists already;
        if(all.hasOwnProperty(id)) return console.warn(id+ " exists!");
        all[id] = obj;
        return this.set(all);
    }
};

// Let's play!

// Store All
customersStorage.set({
  "A43D": {
    "FIRSTNAME": "Mike",
    "EMAIL": "mjohns@gmail.com",
    "LASTNAME": "Johns"
  },
  "4E83": {
    "FIRSTNAME": "Steve",
    "EMAIL": "scook@gmail.com",
    "LASTNAME": "Cook"
  }
});

// Get single
console.log( customersStorage.get("4E83") );

// Add new 
customersStorage.add("AAA0", {
  "FIRSTNAME": "Espresso",
  "LASTNAME": "Coffee",
  "EMAIL": "espresso@coffee.com"
});

// Get all
console.log( customersStorage.get() );

Более того, чтобы сделать ваш объект обработки сеанса более «клиентским» агностиком, я бы расширил его, чтобы обрабатывать еще больше данных на пространство имен : 

var ObjectStorage = function(nsp, useSession) {
  var stg = (useSession ? sessionStorage : localStorage);
  return {
    // Get all or single customer by passing an ID
    get: function(id) {
      var parsed = JSON.parse(stg[nsp] || "{}");
      return id ? parsed[id] : parsed;
    },
    // Set all
    set: function(obj) {
      return stg[nsp] = JSON.stringify(obj || {});
    },
    // Add one to all
    add: function(prop, val) {
      var all = this.get();
      // Make sure property does not exists already;
      if (all.hasOwnProperty(prop)) return console.warn(prop + " exists!");
      all[prop] = val;
      return this.set(all);
    }
  }
};

// Let's play!

// Create instance. Use true to use sessionStorage (instead of localStorage)
var Customers = new ObjectStorage("customersData", true);
// now you can use .add(), .get(), .set() on your Customers Object
0 голосов
/ 04 мая 2018

каждый раз, когда вы пытаетесь сохранить / загрузить что-то для localStorage / sessionStorage, и вы знаете, что это объект json, всегда разбирайте / разбирайте его в зависимости от случая.

здесь ваш код исправлен для работы.

ПРИМЕЧАНИЕ: Я пытался создать фрагмент, но он не сработал, потому что мы не можем получить доступ к sessionStorage песочницы.

ПРИМЕЧАНИЕ 2.: всегда проверяйте, какие данные вы собираетесь анализировать; если запись не существует в хранилище, она вернет null. 

var data = {
  "A43D": {
    "FIRSTNAME": "Mike",
    "EMAIL": "mjohns@gmail.com",
    "LASTNAME": "Johns"
  },
  "4E83": {
    "FIRSTNAME": "Steve",
    "EMAIL": "scook@gmail.com",
    "LASTNAME": "Cook"
  }
}

//here we save the item in the sessionStorage.
sessionStorage.setItem("customersData", JSON.stringify(data));


//now we retrieve the object again, but in a string form.
var customersDataString = sessionStorage.getItem("customersData");
console.log(customersDataString);

//to get the object we have to parse it.
var customersData = JSON.parse(customersDataString);
console.log(customersData);
...