ホームページ > 記事 > ウェブフロントエンド > HTML5 で json オブジェクトを使用するサンプルコード
HTML5 で json オブジェクトを使用するサンプルコード
- 青灯夜游転載
- 2018-10-09 15:23:422409ブラウズ
この記事では主に HTML5 で json オブジェクトを使用するためのサンプルコードを紹介します。必要な方は参考にしていただければ幸いです。
以下は、サンプル コードを通じて HTML5 で json オブジェクトを使用する方法を紹介します。具体的なコードは次のとおりです。
<!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>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>
<p class="prism-player" id="J_prismPlayer" style="position: absolute"></p>
<script>
var students = {
xiaomin: {
name: "xiaoming",
grade: 1
},
teemo: {
name: "teemo",
grade: 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); // 打印出原先对象
// alert(newStudents.length);
alert(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":false,"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 オブジェクトと文字列の変換
モバイル端末の急速な発展に伴い、データを提供する方法はもはや主流ではありません。以前の PC->PC インターフェイス。H5 より前の JS では、H4 での JSON の JS 処理で eval() メソッドについて説明しました。H5 での JSON と String 間の変換は次のとおりです。次のように:
JSON オブジェクトに変換された文字列: use using使用 ‐ アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト アウト#上記はHTML5でjsonオブジェクトを使用するサンプルコードとしてご紹介させていただいております。あなたの学習に役立ちます。関連チュートリアルの詳細については、
Html5 ビデオ チュートリアルをご覧ください。
関連する推奨事項: php 公共福祉トレーニング ビデオ チュートリアル
HTML5オンライン マニュアル以上がHTML5 で json オブジェクトを使用するサンプルコードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。