Plusieurs structures de stockage à l'aide de localStorage

Est-il possible que le même nom peut avoir de nombreuses valeurs différentes stockés séparément et être affichés dans une liste?

E. g.:

function save()
{
    var inputfield = document.getElementById('field').innerHTML;
    localStorage['justified'] = inputfield;
}

<input type="text" id="field" onclick="save();" />

Chaque fois que quelqu'un écrit quelque chose dans le champ de saisie et cliquez sur enregistrer, le localstorage permettra de ne sauvegarder que la valeur du même nom, cependant, est-ce le conflit du moyen de stockage sont enregistrés, comme l'a remplacé à la dernière valeur d'entrée?

Aussi, est-il un moyen pour empêcher la suppression de la localstorage lors de l'effacement du cache?

OriginalL'auteur BonjourHolaOla | 2010-05-14

  1. 7

    Fait localStorage "devraient" être capable de stocker des entiers, des chaînes et des tableaux. Je travaille sur une application en utilisant le bloc-notes localStorage et de sauvegarder toutes mes données à l'aide d'objets littéraux:

    var someData = {
    withvars: "and values",
    init: function() {
        //not sure if this works but it should.
    },
    var1: {
        subvar1: "data",
        subvar2: "data2"
    }
};

    Puis le stocker à l'aide de JSON.stringify():

    localStorage.setItem(varName, JSON.stringify(someData));

    Ensuite accéder plus tard avec JSON.parse():

    var dataBack = JSON.parse(localStorage.getItem("varName"));

    Si vous utilisez toujours les littéraux d'objet, alors vous aurez moins de mal à garder une trace de la façon de stocker et comment faire pour récupérer des données à partir de localStorage.

    OriginalL'auteur JeroenEijkhof

  2. 1

    Pas. Vous pouvez stocker qu'une seule valeur dans une localStorage entrée.

    Il y a deux façons de stocker plusieurs valeurs derrière un mot clé:

    1. Utilisation localStorage['justified_0'], localStorage['justified_1'] etc.
    2. Stocker plusieurs valeurs dans un tableau et de le convertir en JSON avant de le ranger dans localStorage['justified'] et le reconvertir en un tableau après la lecture.

    Vider le cache de ne pas effacer le stockage local.

    OriginalL'auteur edwin

  3. 1

    C'est quelque chose d'assez facile de déterminer avec une très simple page de test. Vous ne pouvez stocker qu'une seule valeur par clé, et les valeurs ne sont pas effacées lorsque le cache est effacé. (J'ai juste essayé Firefox pour l'instant ...)

    Vous pouvez stocker une liste de valeurs dans une seule clé par écrire votre propre fonction pour le faire:

    function addToPersistentList(listName, value) {
  var val = localStorage[listName] || [];
  val.push(value);
  localStorage[listName] = val; //THIS DOES NOT WORK
}

    modifier oups il prend uniquement en charge les chaînes stockées; de la merde. OK eh bien, si vous avez json2 vous feriez ceci:

    function addToPersistentList(listName, value) {
  var val = localStorage[listName] ? JSON.parse(localStorage[listName]) : [];
  val.push(value.toString());
  localStorage[listName] = JSON.stringify(val);
}

    Bien sûr, cela provoque des problèmes si vous souhaitez stocker des dates etc.

    Essayé Chrome, effacer la mémoire cache ne marche pas effacer les données. Mais d'effacer les cookies "..et d'autres données de navigation" est clair.

    OriginalL'auteur Pointy