1.JSON-ZeichenfolgeJSON wird hauptsächlich für die Front-End- und Back-End-Interaktion verwendet. Es ist ein Datenformat, das bequemer zu verwenden ist als XML. 1.1Json-SyntaxKann zur Darstellung von Objekten, Arrays, einfachen Datentypen usw. verwendet werden .
Konvertierung zwischen Json und Objekten: JSON-String zum Objekt `JSON.parse(JSON-String) gibt das konvertierte JS-Objekt zurück` Objekt in JSON-Zeichenfolge „JSON.stringify() wird verwendet, um einen Wert in eine JSON-Zeichenfolge umzuwandeln“ 1.2 Beispiele//Konvertieren Sie „String“-Daten im Objektformat in ein JSON-Objekt let s = `{"name":"onion","age":18}`; console.log(s) // Zeichenfolge => {"Name":"Onion","Alter":18} console.log(JSON.parse(s)); // //Objekt: Objekt //Konvertieren Sie „String“-Daten im Array-Format in ein JSON-Objekt let s = `[1,5,8,9]`; console.log(s); // Zeichenfolge => [1,5,8,9] console.log(JSON.parse(s)); //Objekt: Objekt ----------------------------------------------------------------------------------- //Objekt in JSON-Zeichenfolge konvertieren let s = {"name":"onion","age":18}; console.log(JSON.stringify(s)); // Zeichenfolge => {"Name":"Zwiebel","Alter":18} // Array in JSON-String let s = [1,5,8,9]; console.log(JSON.stringify(s)); // Zeichenfolge => [1,5,8,9]
2. Verwendung von Cookies 2.1 Wie wird es verwendet?
Schauen Sie sich das Beispiel an: Dokument.cookie = "Name=Zwiebel"; document.cookie = "Alter=18"; Die Ergebnisse sind wie folgt: Die Zwiebeln waren uns zu scharf und ich dachte, ich probiere es stattdessen mal mit Kartoffeln: **document.cookie = "Name=Zwiebel"; document.cookie = "name=Cookie"; document.cookie = "Alter=18"; Die Ergebnisse sind wie folgt: Nachdem ich eine Zeit lang Kartoffeln gegessen habe, stelle ich fest, dass Kartoffeln nicht gut sind und ich keine Lust mehr darauf habe. Was soll ich tun? Wie löschen wir es also? Tatsächlich haben aufmerksame Freunde entdeckt, dass es eine Sitzungsebene gibt, auf der wir mithilfe des Schlüsselworts document.cookie = "name=Ablaufdatum;expires="+new Date('2021/11/25 03:58:20'); 3. Lokale Speicherung H5 fügt 3.1 Grundlegende Verwendung Verwenden Sie window.localstorage, um Localstorage zu betreiben (Fenster kann weggelassen werden) //SetItem hinzufügen localStorage.setItem("Name","Zwiebel"); //Artikel abrufen localStorage.getItem("Name","Zwiebel"); //deleteremoveItem("Schlüssel-Wert-Paar") localStorage.removeItem("Name"); // Klar localStorage.clear(); 3.2 Beispiel (Benutzername und Passwort merken)
Benutzername: <input type="text" id="username"> <br> Passwort: <input type="password" id="pwd"> <br> <span style="font-size: 14px;">Benutzernamen und Passwort merken:</span> <input type="checkbox" id="merken"> // Kontrollkästchen const remember = document.getElementById('remember'); //Benutzername const username = document.getElementById('username'); //Passwort const pwd = document.getElementById('pwd'); merken.onclick = function(){ wenn (erinnern.überprüft) { //Benutzernamen und Passwort auswählen und im lokalen Speicher speichern. localStorage.setItem("Benutzername",Benutzername.Wert); localStorage.setItem("pwd",pwd.Wert); } anders { // Von „Ausgewählt“ auf „Nicht ausgewählt“ ändern, Benutzernamen und Passwort aus dem lokalen Speicher löschen localStorage.removeItem("Benutzername"); localStorage.removeItem("pwd"); } konsole.log(); } //Bei jedem erneuten Öffnen der Seite prüfen, ob ein Wert im lokalen Speicher vorhanden ist, if (localStorage.getItem("username")) { //Wenn ein Wert vorhanden ist, schreiben Sie den Wert in das Eingabefeld. Benutzername.Wert = localStorage.getItem("Benutzername") pwd.value = localStorage.getItem("pwd"); //Das Kontrollkästchen ist standardmäßig aktiviert. Remember.checked = true; }
Dies ist das Ende dieses Artikels über Json-String + Cookie + Localstorage in JS. Weitere relevante Inhalte zu Json-String + Cookie + Localstorage finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird! Das könnte Sie auch interessieren:
|
<<: MP3- oder Flashplayer-Code auf der Webseite abspielen
>>: Detaillierte Erklärung zur Verwendung von css-vars-ponyfill in der IE-Umgebung (nextjs-Build)
Vorwort: In diesem Artikel wird hauptsächlich die...
Klicken Sie auf die Schaltfläche, um den Text in ...
1. Nginx-Installationsschritte 1.1 Offizielle Web...
Inhaltsverzeichnis Unsinn Text Der erste router/i...
Informationen zum Deinstallieren der zuvor instal...
MySQL-Datenbanktabellen können Indizes erstellen,...
DIV+CSS-Struktur Lernen Sie CSS-Layout? Sie beherr...
1. Normale Hintergrundunschärfe Code: <Stil>...
Der Fehler lautet wie folgt: Nicht abgefangener T...
Die Wirkung dieser Funktion ist ähnlich wie vue的p...
Inhaltsverzeichnis 1. Implementierungsprinzip des...
Inhaltsverzeichnis Vorwort Modifikatoren des V-Mo...
In diesem Artikel wird der spezifische Code von V...
Hintergrund Haben Sie sich jemals gefragt, wie Si...
1. VMware herunterladen und installieren Verknüpf...