以下は、HTML5 で json オブジェクトを使用する方法をサンプルコードを通して紹介します。具体的なコードは次のとおりです。
<!DOCTYPE html><html> <head> <meta charset=UTF-8> <meta name=viewport content=width=デバイス幅、height=デバイス高さ、initial-scale=1、maximum-scale=1、 minimum-scale=1、user-scalable=no/> <title>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:Absolute></div> <script> var students = { xiaomin: { name: xiaoming, 学年: 1 }, teemo: { 名前: teemo, 学年: 3 } } students = JSON.stringify(students); //JSON を文字列に変換し、変数 console.log(students) に保存します。 localStorage.setItem(students,students); // 変数を localStorage に保存します var newStudents = localStorage.getItem(students); newStudents = JSON.parse(students); // JSON に変換します console.log(newStudents);元のオブジェクト // アラート(newStudents.length) アラート(newStudents.xiaomin.name); //json 配列型の文字列値 var jsonStr = '[{id:01,open:false,pId:0,name:部門A},{id:01,open:false,pId:0,name:部門A},{id:011,open:fals e,pId:01,name:部門 A},{id:03,open:false,pId:0,name:部門 A},{id:04,open:false,pId:0,name:部門 A}, {id:05,open:false,pId:0,name:部門 A}, {id:06,open:false,pId:0,name:部門 A}]'; var jsonObj = JSON.parse(jsonStr); //json オブジェクトに変換 for(var i=0;i<jsonObj.length;i++){alert(jsonObj[i].id) //json の値を取得} console.log(jsonObj) var jsonStr1 = JSON.stringify(jsonObj) console.log(jsonStr1+jsonStr1) </script> </body></html>補足: HTML5におけるJSONオブジェクトとStringの相互変換を見てみましょうモバイル端末の急速な発展に伴い、データの提供方法は以前の PC->PC インターフェースではなくなり、H5 までは JS 形式でしたが、以前の H4 では JS to JSON 形式が使用されました。 H5 での eval メソッド eval() の処理は次のとおりです。
文字列を JSON オブジェクトに変換します。
var jsonObj; 関数 myParse(){ var jsonStr=document.querySelector(#txtJsonStr).value;JSON オブジェクトを文字列に変換します。
function myStringify(){ var txtJson=document.querySelector(#txtJsonStr); var jsonStr2=JSON.stringify(jsonObj); ここでは JSON オブジェクト txtJson.value=jsonStr2;要約する上記は、エディターが紹介した HTML5 で json オブジェクトを使用するためのサンプル コードです。ご質問があれば、メッセージを残してください。エディターがすぐに返信します。また、VeVb武道サイトを応援してくださった皆様、誠にありがとうございました!