JSON初入门
JSON:Javascript Object Notation
轻量级的数据交换格式
语法规则:(JSON语法是js对象表示语法的子集)
1、数据在名称/值对中
2、数据由逗号分隔
3、花括号{}保存对象
4、中括号【】保存数组
JSON名称/值
数据书写格式:名称/值
包含字段名称(双引號“”)。中间:隔开
“firstName”:“John” 易理解,相当于js中 firstName=“John”
JSON值
数字(整数/浮点数)
字符串(双引號内“”)
逻辑值(true或false)
数组(【】)
对象({})
null
基础结构(JSON简单而言,就是js中的对象和数组,此也是JSON中的两种结构)
对象{} {key:value,key:value,……}
面向对象的语言中,key:对象的属性,value:相应的属性值
取值方法: 对象.key--数字、字符串、数组、对象
对象【】 【“avascript”,“C#”。“PHP”】
详细示比例如以下:
<div id="s" style="margin-top:50px;">
Name:<span id="name" ></span><br />
Age:<span id="age"></span><br />
Address:<span id="address"></span><br />
Phone:<span id="phone"></span><br />
</div>
<script type="text/javascript">
var people={"programers":
[{"name":"a","age":"11","address":"上海","phone":"11111111111"},
{"name":"a1","age":"110","address":"上海0","phone":"11111222222"}],
"authors":[{"name":"b","age":"22","address":"广州","phone":"222222222222"}],
"flowers":[{"name":"c","age":"33","address":"深圳","phone":"3333333333"}]
}
$(function(){
var name=people.programers[1].name; //通过赋值进行输出显示
var age=people.programers[0].age;
var address=people.authors.address; $("#name").text(name);
$("#age").text(age);
$("#address").text(address);
$("#phone").text{people.flowers.phone}; //直接调用输出显示
});
</script>
JSON初入门的更多相关文章
- SpringBoot 初入门
SpringBoot 初入门 关于介绍什么之类的就不讲了,主要做一下学习记录. 1. 启动方式 IDEA 启动 命令行启动: mvn spring-boot:run 部署到服务器启动: 先进行打包, ...
- npm 与 package.json 快速入门教程
npm 与 package.json 快速入门教程 2017年08月02日 19:16:20 阅读数:33887 npm 是前端开发广泛使用的包管理工具,之前使用 Weex 时看了阮一峰前辈的文章了解 ...
- [转载]npm 与 package.json 快速入门教程
npm 与 package.json 快速入门教程 2017-08-02 19:16:20 拭心 阅读数 78648更多 分类专栏: 学学前端 版权声明:本文为博主原创文章,遵循CC 4.0 BY ...
- npm与package.json快速入门
本文转载自npm与package.json快速入门 导语 npm 是前端开发广泛使用的包管理工具,之前使用 Weex 时看了阮一峰前辈的文章了解了一些,这次结合官方文章总结一下,加深下理解吧! 读完本 ...
- day 50 AJAX 初入门
前情提要: jq 学不好,ajax 难用好, 食用先请先确保最起码的jq 能会用 https://www.cnblogs.com/baili-luoyun/p/10473518.html jq ...
- npm 与 package.json 快速入门
npm 是前端开发广泛使用的包管理工具,之前使用 Weex 时看了阮一峰前辈的文章了解了一些,这次结合官方文章总结一下,加深下理解吧! 读完本文你将了解: 什么是 npm 安装 npm 更新 npm ...
- Nginx - Windows下Nginx初入门
公司刚使用nginx,预先学习下.鉴于机器没有Linux环境,在Windows熟悉下. 下载 目前(2015-07-11),nginx的稳定版本是1.8.0,在官网下载先,windows版的nginx ...
- 坚持自学的第二天,bootstrap初入门
前言 昨天,初步学完了jekyll目录结构与Liquid语法的应用与认识. 日志 今天刚入门,做了一个bootstrap导航栏,但是选中状态不行,找了JS中写好的API,写法与视频中讲的有点不一样,但 ...
- (转)JSON基础入门
原文地址:http://kb.cnblogs.com/page/43982/ JSON 基础简单地说,JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松 ...
随机推荐
- eclipse:报错信息The superclass “javax.servlet.http.HttpServlet” was not found on the Java Build Path
JavaWeb: 报错信息The superclass "javax.servlet.http.HttpServlet" was not found on the Java Bui ...
- 最短路径----SPFA算法
求最短路径的算法有许多种,除了排序外,恐怕是ACM界中解决同一类问题算法最多的了.最熟悉的无疑是Dijkstra,接着是Bellman-Ford,它们都可以求出由一个源点向其他各点的最短路径:如果我们 ...
- hpuoj--校赛--送给新生的礼物(水题)
问题 A: 感恩节KK专场--送给新生的礼物 时间限制: 1 Sec 内存限制: 128 MB 提交: 631 解决: 187 [提交][状态][讨论版] 题目描述 学长KK要送给学弟学妹们礼物, ...
- Copying
Aliasing can make program difficult to read because changes made in one place might have unexpected ...
- ZooKeeper Recipes and Solutions
原文地址:http://zookeeper.apache.org/doc/current/recipes.html 参考:https://zookeeper.apache.org/doc/trunk/ ...
- python 中的property
""" property() 的第一个参数是 getter 方法,第二个参数是 setter 方法 xx = property(a,b) @property #用于指示g ...
- jumpserver 新建用户收不到邮件
在设置邮件开启pop3/smtp/imap 时 会提示要设置授权码 重启jumpserver 遇到错误 163 邮箱没有收到密码 点击更新没有效果 测试连接成功以后 ,删除用户 ,然后 重新 创建一 ...
- HNU 12886 Cracking the Safe 二十四点的判断
经典的一个题,今天竟然写跪了…… 题意: 给你4个数字,让你判断是否能通过四则运算和括号,凑成24点. 思路: 暴力枚举运算顺序和运算符. 代码: #include <iostream> ...
- spring AOP的Pointcut注解报错
error at ::0 can't find referenced pointcut spring使用的是4.1.0,在项目中直接复制旧的aspectjweave.jar报错了 然后换成aspect ...
- ArcGIS api for javascript——鼠标悬停时显示信息窗口
描述 本例展示当用户在要素上悬停鼠标时如何显示InfoWindow.本例中,要素是查询USA州图层的QueryTask的查询结果.工作流程如下: 1.用户单击一个要素 2.要素是“加亮的”图形. 3. ...