JSON的简单应用

最新推荐文章于 2024-07-01 00:05:40 发布

凌冰_

最新推荐文章于 2024-07-01 00:05:40 发布

阅读量258

点赞数

分类专栏： JQuery

本文链接：https://blog.csdn.net/hlx20080808/article/details/51832694

版权

JQuery 专栏收录该内容

35 篇文章 1 订阅

订阅专栏

一、什么是 JSON ？
JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）
JSON 是轻量级的文本数据交换格式
JSON 独立于语言 *
JSON 具有自我描述性，更易理解
JSON 是存储和交换文本信息的语法。类似 XML。
JSON 比 XML 更小、更快，更易解析
* JSON 使用 JavaScript 语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。

二、具体的应用

<body>
<p> Name: <span id="jname"></span><br />
    Age: <span id="jage"></span><br />
    Address: <span id="jstreet"></span><br />
    Phone: <span id="jphone"></span><br />
</p>
</body>
</html>


<script type="text/javascript">


//(1)对象可以包含多个名称/值对：
 var jsons={
	   "name":"JUMEI",
	   "age":"25",
	   "address":"江苏省苏州市",
	   "phone":"10086"
	 }


   //显示数据
	document.getElementById("jname").innerHTML=jsons.name;
	document.getElementById("jage").innerHTML=jsons.age;
       document.getElementById("jstreet").innerHTML=jsons.address;
       document.getElementById("jphone").innerHTML=jsons.phone;
 

//(2)数组可包含多个对象
var employees = [
{ "firstName":"Bill" , "lastName":"Gates" },
{ "firstName":"George" , "lastName":"Bush" },
{ "firstName":"Thomas" , "lastName": "Carter" }
];


 var emp="";
 //遍历数据
  for(var i in employees){
	 emp=emp+"\t"+employees[i].firstName+"("+employees[i].lastName+")";
  }
   document.getElementById("jname").innerHTML=emp;
   
   
  //(3) JSON 实例 - 来自字符串的对象
  var txt = '{ "employees" : [' +
'{ "firstName":"Bill" , "lastName":"Gates" },' +
'{ "firstName":"George-2" , "lastName":"Bush-2" },' +
'{ "firstName":"Thomas" , "lastName":"Carter" } ]}';
//js 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象
 var obj =eval("("+txt+")");
 //显示数据
  document.getElementById("jname").innerHTML=obj.employees[1].firstName+"("+obj.employees[1].lastName+")";
  
</script>