Ce qui suit est une introduction à la façon d'utiliser les objets json en HTML5 à travers un exemple de code. Le code spécifique est le suivant :
<!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=no/> <title>Utilisation des objets json</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 : absolu></div> <script> var étudiants = { xiaomin : { nom : xiaoming, note : 1 }, teemo : { nom : teemo, note : 3 } } étudiants = JSON.stringify(étudiants); //Convertissez JSON en chaîne et stockez-le dans une variable console.log(students); localStorage.setItem(students,students);//Enregistrer les variables dans localStorage var newStudents = localStorage.getItem(students); newStudents = JSON.parse(students); //Convertir en JSON console.log(newStudents); l'objet d'origine // alert(newStudents.length); alert(newStudents.xiaomin.name); //valeur de chaîne de type tableau json var jsonStr = '[{id:01,open:false,pId:0,name:Département A},{id:01,open:false,pId:0,name:Département A},{id:011,open:fals e,pId:01,name:Département A},{id:03,open:false,pId:0,name:Département A},{id:04,open:false,pId:0,name:Département A}, {id:05,open:false,pId:0,name:Département A}, {id:06,open:false,pId:0,name:Département A}]'; var jsonObj = JSON.parse(jsonStr); //Convertir en objet json pour(var i=0;i<jsonObj.length;i++){ alert(jsonObj[i].id); //Obtenir la valeur en json} console.log(jsonObj) var jsonStr1 = JSON.stringify(jsonObj) console.log(jsonStr1+jsonStr1) </script> </body></html> Supplément : jetons un coup d'œil à la conversion mutuelle entre les objets JSON et String en HTML5Face au développement rapide des terminaux mobiles, la manière de fournir des données n'est plus l'ancienne interface PC -> PC, ce qui a incité à utiliser le format JSON Dans JS avant le H5, j'ai utilisé JS vers JSON dans le précédent H4. le traitement a mentionné la méthode eval, eval(). La conversion entre JSON et String en H5 est la suivante :
Convertir une chaîne en objet JSON :
var jsonObj; function myParse(){ var jsonStr=document.querySelector(#txtJsonStr).value;Convertissez l'objet JSON en chaîne :
function myStringify(){ var txtJson=document.querySelector(#txtJsonStr); var jsonStr2=JSON.stringify(jsonObj); //jsonObj voici un objet JSON txtJson.value=jsonStr2 } RésumerCe qui précède est l'exemple de code d'utilisation des objets json en HTML5 introduit par l'éditeur. J'espère qu'il vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Je tiens également à remercier tout le monde pour votre soutien au site d'arts martiaux VeVb !