JSON简介

JSON简介

json是什么?

json是JavaScript Object Notation的简写,简单点来说就是一种轻量级的数据交换格式。起初来源于JavaScript这门语言,后来随着使用的广泛,几乎每门开发语言都有处理JSON的API((Application Programming Interface,应用程序接口)。

1.并列的数据之间用逗号(,)分隔

2.映射用冒号(:)表示,冒号表示后者是前者的值(这个值可以是字符串、数字、也可以是另一个数组或对象)

3.并列数据的集合(数组)用方括号([])表示

4.映射的集合(对象)用大括号({})表示

5."" 双引号内是属性或值

JSON键值对的格式是:字段名称(包含在双引号中),后面加一个冒号,然后是值。 例如:

"name": "张三"

JSON的值的可以是:

(1)数字(整数或浮点数),如: {"age":22 } 

(2)字符串(在双引号中),如: {"name":"张三" }

(3)逻辑值,如: {"成年否":true }

(4)数组(在方括号中),如:

{
 "user":["张三","李小兵","赵梦" ]
}
(5)对象(在花括号中),如:

{
 "user":{"name":"张三","age":22,"city":"New Delhi" }
}
(6) null,如:{"配偶":null}

例、下面这句话:

"北京市的面积为16410平方公里,常住人口2189万人。"

写成json格式就是这样:

{"城市":"北京","面积(平方千米)":16410,"人口(万)":2189},

JSON在线格式化工具 JSON 在线解析 | 菜鸟工具 (runoob.com)

  

json格式在HTML中的应用示例:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>json格式在HTML中的应用示例</title>

</head>

<body>

<h2>JavaScript 创建 JSON 对象</h2>

<p>

城市名称: <span id="city"></span><br />

城市面积(平方千米): <span id="area""></span><br />

城市人口(万): <span id="population"></span><br />

</p>

<script>

var JSONObject= {"城市":"北京","面积":16410,"人口":2189}

document.getElementById("city").innerHTML=JSONObject.城市

document.getElementById("area").innerHTML=JSONObject.面积

document.getElementById("population").innerHTML=JSONObject.人口

</script>

</body>

</html>

保存文件名:json格式在HTML中的应用.html

运行之,参见下图:

进一步了解,可参见:JSON入门教程(适合初学者)_cnds123的专栏-CSDN博客_json入门

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学习&实践爱好者

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值