Im Folgenden finden Sie eine Einführung in die Verwendung von JSON-Objekten in HTML5 anhand eines Beispielcodes. Der spezifische Code lautet wie folgt:
<!DOCTYPE html><html> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, height=device-height, initial-scale=1, Maximum-scale=1, Minimum-Scale=1, User-Scalable=Nein/> <title>JSON-Objektverwendung</title> <link rel=stylesheet href=//g.alicdn.com/de/prismplayer/2.6.0/skins/default/aliplayer-min.css /> <script type=text/javascript src=//g.alicdn.com/de/prismplayer/ 2.6.0/aliplayer-min.js></script> </head> <body> <div class=prism-player id=J_prismPlayer style=position: absolute></div> <script> var Students = { Xiaomin: { Name: Xiaoming, Note: 1 }, Teemo: { Name: Teemo, Note: 3 } } Students = JSON.stringify(Studenten); //JSON in einen String konvertieren und in einer Variablen speichern console.log(students); localStorage.setItem(students,students); // Variablen in localStorage speichern var newStudents = localStorage.getItem(students); // In JSON konvertieren console.log(newStudents); das ursprüngliche Objekt // Alert(newStudents.length); Alert(newStudents.xiaomin.name); //json-Array-Typ-String-Wert var jsonStr = '[{id:01,open:false,pId:0,name:Abteilung A},{id:01,open:false,pId:0,name:Abteilung A},{id:011,open:fals e,pId:01,name:Abteilung A},{id:03,open:false,pId:0,name:Abteilung A},{id:04,open:false,pId:0,name:Abteilung A}, {id:05,open:false,pId:0,name:Abteilung A}, {id:06,open:false,pId:0,name:Abteilung A}]'; //In JSON-Objekt konvertieren for(var i=0;i<jsonObj.length;i++){ Alert(jsonObj[i].id); //Wert in JSON abrufen} console.log(jsonObj) var jsonStr1 = JSON.stringify(jsonObj) console.log(jsonStr1+jsonStr1) </script> </body></html> Ergänzung: Werfen wir einen Blick auf die gegenseitige Konvertierung zwischen JSON-Objekten und String in Html5Angesichts der rasanten Entwicklung mobiler Endgeräte erfolgt die Bereitstellung von Daten nicht mehr über die bisherige PC-->PC-Schnittstelle, was zur Verwendung des JSON-Formats geführt hat. In JS habe ich vor H5 JS zu JSON verwendet Die Verarbeitung erwähnt die Eval-Methode eval(). Die Konvertierung zwischen JSON und String in H5 ist wie folgt:
Konvertieren Sie String in ein JSON-Objekt:
var jsonObj; function myParse(){ var jsonStr=document.querySelector(#txtJsonStr).value;JSON-Objekt in String konvertieren:
function myStringify(){ var txtJson=document.querySelector(#txtJsonStr); var jsonStr2=JSON.stringify(jsonObj); //jsonObj hier ist ein JSON-Objekt txtJson.value=jsonStr2 } ZusammenfassenDas Obige ist der vom Herausgeber eingeführte Beispielcode für die Verwendung von JSON-Objekten in HTML5. Ich hoffe, er wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Herausgeber wird Ihnen rechtzeitig antworten. Ich möchte mich auch bei allen für die Unterstützung der VeVb-Kampfsport-Website bedanken!