Localstorage- und Sessionstorage-Nutzungsdatensätze

Dieses Mal bringe ich Ihnen Localstorage- und SessionStorage-Nutzungsdatensätze. Was sind die Vorsichtsmaßnahmen für Localstorage- und Sessionstorage-Nutzungsdatensätze?

Nachdem ich die Nutzungsanalyse von Web Storage Locastorage und Sessionstorage durch verschiedene Experten gelesen hatte, habe ich es selbst ausprobiert und hier eine Notiz hinterlassen.

Wenn im Projekt der Speicher häufig verwendet wird und viele Daten gespeichert werden müssen, muss er in eine Funktion gekapselt werden:

(Diese Funktion ist von einem unbekannten Master Geschrieben, wenn es eine Verletzung der Originalität gibt, kontaktieren Sie mich bitte...)

function setStorage(key,value){
        if(!window.localStorage){
            alert("浏览器不支持localstorage");
            return false;
        }else{
            var storage=window.localStorage;
            //写入字段
            storage.setItem(key,value);
        }
    }
    function getStorage(key){
        if(!window.localStorage){
            alert("浏览器不支持localstorage");
        }else{
            var storage=window.localStorage;
            var key=storage.getItem(key);
//            console.log(key);
            return key;
        }
}

setStorage wird zum Speichern von Daten verwendet, der Schlüssel ist der angegebene Datenname, Sie können ihn nach Belieben wählen , aber es muss ein stringTyp sein, sonst verwendet der Browser automatisch den Wert als Namen des Schlüssels.

Wie in der Abbildung gezeigt, besteht der erste Wert darin, dass der Schlüssel nicht als Zeichenfolge angegeben wird, dh es gibt keine doppelten Anführungszeichen.

Wenn der Wert ein Zeichenfolgentyp ist, denken Sie daran, doppelte Anführungszeichen hinzuzufügen.

Wie kann ich den Speicher im Browser anzeigen?

Für die neuere Version des Chrome-Browsers ist der Anzeigeort wie folgt:

Wenn dieselbe Funktion, die Daten speichert, mehrfach aufgerufen wird Mal im Projekt ändern sich die Daten in Echtzeit. Wenn Sie alle gespeicherten Daten löschen müssen:

localstorage.<a href="http://www.php.cn/wiki/%20917.html" target=" _blank">clear<code>localstorage.<a href="http://www.php.cn/wiki/917.html" target="_blank">clear</a>();或者sessionStorage.clear();(); oder sessionStorage.clear();

Das im Projekt verwendete Prinzip ist, welche Daten gespeichert werden müssen diese Daten, um die Funktion aufzurufen, die die Daten speichert.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Asynchroner Upload der H5-Datei

Dynamischer Abgleich von Datenlisten-Eingabefeld und Hintergrunddatenbankdaten

Das obige ist der detaillierte Inhalt vonLocalstorage- und Sessionstorage-Nutzungsdatensätze. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!