利用json封装数据

最新推荐文章于 2022-07-08 10:34:17 发布

那时秋风正爽

最新推荐文章于 2022-07-08 10:34:17 发布

阅读量594

点赞数

CC 4.0 BY-SA版权

文章标签： json w3c javascript 数据编程语言

本文链接：https://blog.youkuaiyun.com/qq_37334428/article/details/79153136

json

JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。它基于 ECMAScript (w3c制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率（百度百科）

json语法

JSON 语法是 JavaScript 语法的子集

1.json语法规则

数据在名称/值对中（键值对）
数据由逗号分隔
花括号保存对象
方括号保存数组

2.键/值
书写格式：

键 ： 值
"firstName" : "John"
// firstName是键 ，John是值

3.JSON 值可以是：

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

4.json封装数据

json封装前端数据

<html>
<body>
<h2>在 JavaScript 中创建 JSON 对象</h2>

<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>

<script type="text/javascript">
var JSONObject= {
"name":"Bill Gates",
"street":"Fifth Avenue New York 666",
"age":56,
"phone":"555 1234567"};
document.getElementById("jname").innerHTML=JSONObject.name
document.getElementById("jage").innerHTML=JSONObject.age
document.getElementById("jstreet").innerHTML=JSONObject.street
document.getElementById("jphone").innerHTML=JSONObject.phone
</script>

</body>
</html>