JSON的简单实例

　JSON全称是JavaScript Object Notation(JavaScript对象表示法)，是一种存储与交换文本信息的语法，类似与XML，但比 XML 更小、更快，更易解析。

　理论就不多说了，直接上代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JSON简单实例</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.baidu.com", 
    "slogan":"万事不决问百度"
};
//  直接调用JSON对象就可以获取到值了，JSON一般配合ajax使用，用来获取数据
document.getElementById("jname").innerHTML=JSONObject.name 
document.getElementById("jurl").innerHTML=JSONObject.url 
document.getElementById("jslogan").innerHTML=JSONObject.slogan
</script>
 
</body>
</html>

　JSON的语法和JavaScript是一样的，或者说JSON语法是JavaScript语法的子集。主要的几个点就是

数据在名称/值对中
数据由逗号分隔
大括号保存对象
中括号保存数组

JSON对象是以键值对来存储数据的，存储形式为：名称，后面一个冒号，数值。如：

{ "name":"runoob", "alexa":10000, "site":null }

JSON 的值分为六大类：

数字（整数或浮点数）
字符串（在双引号中）
逻辑值（true 或 false）
数组（在中括号中）
对象（在大括号中）
null

JSON数组包含有多个JSON对象，如：

{
	"sites": [
		{ "name":"百度", "url":"www.baidu.com", }, 
		{ "name":"google" , "url":"www.google.com" }, 
		{ "name":"微博" , "url":"www.weibo.com" }
	]
}

获取JSON数据的方式和修改的方式基本是一样的

// 获取JSON值
console.log("name:" + sites[0].name + ",url:" + sites[0].url);
// 修改JSON值
sites[0].name = '度娘'；
console.log("name:" + sites[0].name +",url:"+ sites[0].url);

这篇博客是参考菜鸟驿站的，算是我作为初次学习JSON的练习和一个记录吧

猜你喜欢