json要点和实例

最新推荐文章于 2024-04-22 05:15:00 发布

bcbobo21cn

最新推荐文章于 2024-04-22 05:15:00 发布

阅读量191

点赞数

分类专栏： web前端文章标签： javascript json getElementById

本文链接：https://blog.csdn.net/bcbobo21cn/article/details/89483218

版权

web前端专栏收录该内容

150 篇文章 1 订阅

订阅专栏

JSON：JavaScript 对象表示法（JavaScript Object Notation）。

JSON 是存储和交换文本信息的语法。类似 XML。

JSON 比 XML 更小、更快，更易解析。

JSON 文本格式在语法上与创建 JavaScript 对象的代码相同。
由于这种相似性，无需解析器，JavaScript 程序能够使用内建的 eval() 函数，用 JSON 数据来生成原生的 JavaScript 对象。

JSON 语法规则
JSON 语法是 JavaScript 对象表示法语法的子集。

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

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

<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 />
Company: <span id="jcompany"></span><br />
Phone: <span id="jphone"></span><br />
</p>

<script type="text/javascript">
var j1= {
"name":"黄飞鸿",
"street":"广州市A街",
"age":26,
"company":"宝芝林",
"phone":"13900002222"};

document.getElementById("jname").innerHTML=j1.name
document.getElementById("jage").innerHTML=j1.age
document.getElementById("jstreet").innerHTML=j1.street
document.getElementById("jcompany").innerHTML=j1.company
document.getElementById("jphone").innerHTML=j1.phone
</script>

</body>
</html>

bcbobo21cn

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
json要点和实例

JSON：JavaScript 对象表示法（JavaScript Object Notation）。JSON 是存储和交换文本信息的语法。类似 XML。JSON 比 XML 更小、更快，更易解析。JSON 文本格式在语法上与创建 JavaScript 对象的代码相同。由于这种相似性，无需解析器，JavaScript 程序能够使用内建的 eval() 函数，用 JSON 数据来生成原生...
复制链接

扫一扫

专栏目录