建议:学习json之前需要对web在http间的通信一定的理解,对js有基础的知识。当然如果了解一点xml,会更方便你的理解和对比。
1.什么是json
json:javascript object notation(js的对象表示法)。 json是一种存储和交换数据的语法,类似于xml(建议先学习xml,用三,四天的时间,浏览一遍xml,对xml有一个理解,对学习json有很大的帮助,xml比json的难度相对简单一点) json比xml更小,更快,更容易解析。 文件扩展名为.json。json与js的关系 首先要明确的是json是一种用来描述对象的数据格式,什么是数据格式,比如在c语言中的整形,实型就是一种数据格式,你可以理解为数据或者文本记录的规则。 json的数据格式是采用js的语法来描述的,但是json并非一门单独的编程语言。
2.json的应用
json可以用在服务器和应用程序间的传输 编写js应用程序,浏览器扩展等3.一个简单的例子
{上面的例子描述了一本书的书名和作者。
"book":[
{
"name":"fromdark",
"author":"fromdark",
}
]
}
4.一个在浏览器上显示的json例子
在你的编辑器里将下面的代码保存为.htm结尾的文件,并在浏览器打开,你会看到json如何在浏览器上显示的。<!DOCTYPE html>
<html>
<head>
<title>json example</title>
<script type="text/javascript">
var book={"name":"fromdark","author":"fromdark"};
document.write("<h1>NAME:</h1>"+book.name);
document.write("<br>");
document.write("<h1>AUTHOR:</h1>"+book.author);
</script>
</head>
<body>
</body>
</html>
你也可以采用下面的代码书写方式,不过js的部分要放在下面,这和js的加载顺序有关。
<!DOCTYPE html>
<html>
<head>
<title>json example</title>
</head>
<body>
NAME:<p id="p1"></p>
AUTHOR:<p id="p2"></p>
<script type="text/javascript">
var book={"name":"fromdark","author":"fromdark"};
document.getElementById("p1").innerHTML=book.name
document.getElementById('p2').innerHTML=book.author
</script>
</body>
</html>