小言_互联网的博客

走近JSON

421人阅读  评论(0)

JSON


1. 什么是JSON?

  • JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation)

  • JSON 是轻量级的文本数据交换格式

  • JSON 独立于语言,使用 Javascript语法来描述数据对象,但是 JSON 仍然独立于语言和平台

  • JSON 具有自我描述性,更易理解

简单地说 ,JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在网络或者程序之间轻松地传递这个字符串,并在需要的时候将它还原为各编程语言所支持的数据格式,例如在 PHP 中,可以将 JSON 还原为数组或者一个基本对象。在用到AJAX时,如果需要用到数组传值,这时就需要用JSON将数组转化为字符串。


2. JSON语法规则

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

JSON 使用 JavaScript 语法,但是 JSON 格式仅仅是一个文本。文本可以被任何编程语言读取及作为数据格式传递。


3.JSON名称/值对

  • JSON 数据格式为键/值对,就像 JavaScript 对象属性。
    键/值对包括字段名称(在双引号中),后面一个冒号,然后是值:
“name”:“Merry”

4.JSON对象

  • JSON 对象在大括号 {} 中书写
  • 对象可以包含多个名称/值对(key/value(键/值)对)
    key 必须是字符串,value 可以是合法的 JSON 数据类型(字符串, 数字, 对象, 数组, 布尔值或 null):
{ "name":"百度" , "url":"www.baidu.com" }

5.JSON数组

  • JSON 数组在中括号中书写
  • 数组可包含多个对象

JSON数组:

[ "Google", "Runoob", "Taobao" ]

JSON对象中的数组:

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

6.JSON文件

  • JSON 文件的文件类型是 “.json”
  • JSON 文本的 MIME 类型是 “application/json”

7.JSON字符串转换为JavaScript对象

JSON 最常见的用法之一,是从 web 服务器上读取 JSON 数据作为文件或作为 HttpRequest ,将 JSON 数据转换为 JavaScript 对象,然后在网页中使用该数据。

转换前首先了解两个函数:

函数 描述
JSON.stringify() 用于将 JavaScript 值转换为 JSON 字符串。
JSON.parse() 用于将一个 JSON 字符串转换为 JavaScript 对象

实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JSON转换为JS对象</title>
</head>
<body>

<h2>JSON 字符串创建对象</h2>
<p id="demo"></p>
<script>
var text = '{ "sites" : [' +
	'{ "name":"Runoob" , "url":"www.runoob.com" },' +
	'{ "name":"Google" , "url":"www.google.com" },' +
	'{ "name":"Taobao" , "url":"www.taobao.com" } ]}';
	
obj = JSON.parse(text);  //利用转换函数
document.getElementById("demo").innerHTML = obj.sites[1].name + " " + obj.sites[1].url;  
</script>

</body>
</html>

运行结果为:


转载:https://blog.csdn.net/weixin_44609873/article/details/102015439
查看评论
* 以上用户言论只代表其个人观点,不代表本网站的观点或立场