PHP MySQL jquery HTML CSS
JSON 教程 JSON 实例 JSON格式化工具
JSON 教程 JSON - 简介 JSON 语法 JSON 使用 JSONP 教程 PHP JSON

JSON 教程

JSON 教程 JSON - 简介 JSON 语法 JSON 使用 JSONP 教程

JSON 实例

PHP JSON

JSON格式化工具

首页 > 大前端 > JavaScript >JSON中文手册

JSON中文手册

收藏
分享
浏览28816
更新时间2022-04-13
JSON 教程 JSON 语法

在线实例

通过我们的编辑器，您可以在线编辑 JavaScript 代码，然后通过点击一个按钮来查看结果：

实例

            <!DOCTYPE html>
<html>
<body>
<h2>JSON Object Creation in JavaScript</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>
var JSONObject= {
"name":"John Johnson",
"street":"Oslo West 555", 
"age":33,
"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>

运行实例 »

点击 "运行实例" 按钮查看在线实例

与 XML 相同之处

  • JSON 是纯文本

  • JSON 具有"自我描述性"（人类可读）

  • JSON 具有层级结构（值中存在值）

  • JSON 可通过 JavaScript 进行解析

  • JSON 数据可使用 AJAX 进行传输

与 XML 不同之处

  • 没有结束标签

  • 更短

  • 读写的速度更快

  • 能够使用内建的 JavaScript eval() 方法进行解析

  • 使用数组

  • 不使用保留字

为什么使用 JSON？

对于 AJAX 应用程序来说，JSON 比 XML 更快更易使用：

使用 XML

  • 读取 XML 文档

  • 使用 XML DOM 来循环遍历文档

  • 读取值并存储在变量中

使用 JSON

  • 读取 JSON 字符串

  • 用 eval() 处理 JSON 字符串

JSON 教程 JSON 语法

相关视频

更多

免费

前端入门_HTML5
初级前端入门_HTML5

65.1万次学习

收藏

免费

30分钟学会网站布局
初级30分钟学会网站布局

24.6万次学习

收藏

免费

CSS视频教程-玉女心经版
初级CSS视频教程-玉女心经版

41.3万次学习

收藏

免费

JavaScript极速入门_玉女心经系列
初级JavaScript极速入门_玉女心经系列

76.8万次学习

收藏

科技资讯

更多
十七载先行，e见如故 ——中国联通 iPhone Duo 首销嘉年华在京举行
黄仁勋竟然会吃"闭门羹"？自曝早年创业初期的辛酸史
首发溢价快速回落！商家囤50台iPhone Duo遭报价跳水
雷蛇毒蝰V4专业版帝王紫配色鼠标上线：售价1399元
CS2职业选手用什么品牌电竞显示器？赛事同款解析
299美元拥有智慧管家！苹果上新HomeView家庭大屏
英伟达Preset C测试上线！DLSS帧生成最高提升35%
iPhone18 Pro涨价后吸引力下降 普通用户更倾向标准版
电子茅台！首批抢到iPhone Duo的用户加价5000元转手

24小时阅读榜

更多

1

如何通过点击链接提交表单并传递 ID 值作为隐藏字段

2

如何让 HTML 可折叠列表默认展开？

3

如何实现绝对定位轮播中引文内容的垂直居中响应式适配

4

Go语言中Timer的Expired（到期）与Stopped（停止）状态详解

5

如何在 SymPy 中对含符号函数的复合表达式进行链式求导并获得清晰的数学形式

6

如何在 Go 中将 XML 元素名映射为自定义字段（如 TLD）

7

如何实现绝对定位滑块中引文内容的垂直居中响应式适配

8

CodeIgniter怎么给路由组统一加过滤器做权限

9

ThinkPHP 5怎么用Cache::set设置缓存

10

Ubuntu 系统如何升级 PHP 至 8.1 版本

11

Workerman5.2.3怎么在Windows环境安装

12

如何修改php.ini降低PHP 8.1.23命令执行漏洞风险

13

如何实现ThinkPHP8.1分布式数据库读写分离

14

怎么使用 Burp 测试 PHP 5.4.1 php-cgi 漏洞

15

Codex或Claude修复PHP漏洞的未来趋势是什么

精品课程

更多
PHP实战天龙八部之微信支付视频教程
PHP实战天龙八部之微信支付视频教程

共5课时

18.1万人学习

PHP实战天龙八部之仿爱奇艺电影网站
PHP实战天龙八部之仿爱奇艺电影网站

共49课时

82.5万人学习

前端入门_HTML5
前端入门_HTML5

共29课时

65.2万人学习

CSS视频教程-玉女心经版
CSS视频教程-玉女心经版

共25课时

41.4万人学习

JavaScript极速入门_玉女心经系列
JavaScript极速入门_玉女心经系列

共43课时

77万人学习

独孤九贱(1)_HTML5视频教程
独孤九贱(1)_HTML5视频教程

共25课时

64.3万人学习

独孤九贱(2)_CSS视频教程
独孤九贱(2)_CSS视频教程

共22课时

24.5万人学习

独孤九贱(3)_JavaScript视频教程
独孤九贱(3)_JavaScript视频教程

共28课时

36.4万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时

134万人学习

热门下载

更多
phpStudy 2018最新版
phpStudy 2018最新版

集成PHP7，16种组合，超全大合集

下载
vc9-vc14（32+64位）运行库合集（链接在下方）
vc9-vc14（32+64位）运行库合集（链接在下方）

phpStudy安装所需运行库集合下载

下载
VC9 32位
VC9 32位

VC9 32位 phpstudy集成安装环境运行库

下载
VC11 32位
VC11 32位

VC11 32位 phpstudy集成安装环境运行库​

下载
php程序员工具箱完整版
php程序员工具箱完整版

程序员工具箱 v1.0 php集成环境

下载
VC14 32位
VC14 32位

VC14 32位 phpstudy安装环境运行库

下载
SublimeText3汉化版
SublimeText3汉化版

中文版，非常好用

下载
Notepad++ Windows版
Notepad++ Windows版

Notepad++ 8.9.7 Windows版官方安装包，适合 Windows 用户进行代码编辑、文本处理、语法高亮和插件扩展配置。

下载
phpStudy V8.1（Win64位）（已支持php8）
phpStudy V8.1（Win64位）（已支持php8）

Win64位，支持php多版本共存

下载
提交