JSON学习笔记

JSON 实例

JSON: JavaScript Object Notation(JavaScript 对象表示法)

JSON 是存储和交换文本信息的语法。类似 XML。

JSON 比 XML 更小、更快,更易解析。

{
    "sites": [
    { "name":"菜鸟教程" , "url":"www.runoob.com" }, 
    { "name":"google" , "url":"www.google.com" }, 
    { "name":"微博" , "url":"www.weibo.com" }
    ]
}

这个 sites 对象是包含 3 个站点记录(对象)的数组。

JSON学习笔记_第1张图片


<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)title>
head>
<body>
<h2>JavaScript 创建 JSON 对象h2>
<p>
网站名称: <span id="jname">span><br /> 
网站地址: <span id="jurl">span><br /> 
网站 slogan: <span id="jslogan">span><br /> 
p>
<script>
var JSONObject= {
	"name":"菜鸟教程",
	"url":"www.runoob.com", 
	"slogan":"学的不仅是技术,更是梦想!"
};
document.getElementById("jname").innerHTML=JSONObject.name 
document.getElementById("jurl").innerHTML=JSONObject.url 
document.getElementById("jslogan").innerHTML=JSONObject.slogan 
script>

body>
html>

JSON学习笔记_第2张图片

JSON学习笔记_第3张图片

JSON学习笔记_第4张图片
JSON学习笔记_第5张图片
JSON学习笔记_第6张图片
JSON学习笔记_第7张图片
JSON学习笔记_第8张图片

JSON学习笔记_第9张图片

JSON学习笔记_第10张图片
JSON学习笔记_第11张图片
JSON学习笔记_第12张图片
JSON学习笔记_第13张图片
JSON学习笔记_第14张图片
JSON学习笔记_第15张图片

JSON学习笔记_第16张图片
JSON学习笔记_第17张图片
JSON学习笔记_第18张图片
JSON学习笔记_第19张图片
JSON学习笔记_第20张图片
JSON学习笔记_第21张图片
JSON学习笔记_第22张图片
JSON学习笔记_第23张图片
JSON学习笔记_第24张图片
JSON学习笔记_第25张图片
JSON学习笔记_第26张图片
JSON学习笔记_第27张图片
JSON学习笔记_第28张图片
JSON学习笔记_第29张图片
JSON学习笔记_第30张图片
JSON学习笔记_第31张图片
JSON学习笔记_第32张图片


参考

你可能感兴趣的:(#,web学习笔记)