用循环或if语句从json中取数据示例


Posted in Javascript onAugust 18, 2014

首先,例如json数据如下书写:

{"head": [ 
{"text":"广州","id":"广州","pid":"广东省"}, 
{"text":"郑州","id":"郑州","pid":"河南省"}], 
}

如上,倘若想将id和pid数据依次取出,就只能用循环,代码如下:

var head_id = ""; 
var head_pid = ""; 
for (var i = 0; i < data.head.length; i++) { 
head_id += data.head[i].id + " "; //循环输出json数据 
head_pid += data.head[i].pid + " "; 
} 
$("#city").append("city:" + head_id); 
$("#city").append("province:" + head_pid);

这样,将会在data之后,依次输出json中的数据。

若想有选择性的输出时,需要添加if条件,代码如下:

for (var i = 0; i < data.head.length; i++) { 
if (data.head[i].pid == "河南省") { //有选择的输出json数据 
head_pid += data.head[i].pid; 
} 
}

需要注意的是,倘若对象中有多组数据,则用data.head.id是undefined的,因为没有标明是哪组数据,例如data.head[0].id,若对象中只有一组数据,则可以直接用data.head.id输出。

另外,倘若调出来的json数据,中文乱码,一方面查看json调用的jquery代码,另一方面,可能是编写json数据的文件的问题。

以上是自学json的一点学习所得,记录一下。

(注:对象中多个数据时,直接使用)(注:对象中多个数据时,直接使用)

Javascript 相关文章推荐
网上抓的一个特效
May 11 Javascript
利用javascript移动div层-javascript 拖动层
Mar 22 Javascript
IE8提示Invalid procedure call or argument 异常的解决方法
Sep 30 Javascript
让图片旋转任意角度及JQuery插件使用介绍
Mar 20 Javascript
jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架
Apr 08 Javascript
常用Javascript函数与原型功能收藏(必看篇)
Oct 09 Javascript
jQuery+ajax的资源回收处理机制分析
Jan 07 Javascript
微信小程序 devtool隐藏的秘密
Jan 21 Javascript
js仿微信公众平台打标签功能
Apr 08 Javascript
快速解决vue在ios端下点击响应延时的问题
Aug 27 Javascript
JavaScript实现PC端四格密码输入框功能
Feb 19 Javascript
vue内置组件component--通过is属性动态渲染组件操作
Jul 28 Javascript
通过jquery 获取URL参数并进行转码
Aug 18 #Javascript
浅谈JavaScript中定义变量时有无var声明的区别
Aug 18 #Javascript
[将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客
Aug 18 #Javascript
使用node.js半年来总结的 10 条经验
Aug 18 #Javascript
推荐 21 款优秀的高性能 Node.js 开发框架
Aug 18 #Javascript
根据当前时间在jsp页面上显示上午或下午
Aug 18 #Javascript
JQuery中使用Ajax赋值给全局变量失败异常的解决方法
Aug 18 #Javascript
You might like
PHP使用适合阅读的格式显示文件大小的方法
2015/03/05 PHP
经常用的图片在容器中的水平垂直居中实例
2007/06/10 Javascript
JQuery为textarea添加maxlength属性的代码
2010/04/07 Javascript
JQuery1.6 使用方法三
2011/11/23 Javascript
jquery 利用show和hidden实现级联菜单示例代码
2013/08/09 Javascript
如何学习Javascript入门指导
2013/11/01 Javascript
JS滚轮事件onmousewheel使用介绍
2013/11/01 Javascript
js获取form的方法
2015/05/06 Javascript
jquery实现鼠标滑过显示二级下拉菜单效果
2015/08/24 Javascript
JavaScript学习小结(一)——JavaScript入门基础
2015/09/02 Javascript
jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法
2015/12/12 Javascript
JS实现css hover操作的方法示例
2017/04/07 Javascript
jquery中$.fn和图片滚动效果实现的必备知识总结
2017/04/21 jQuery
微信小程序返回多级页面的实现方法
2017/10/27 Javascript
vuex2中使用mapGetters/mapActions报错的解决方法
2018/10/20 Javascript
JS实现电话号码的字母组合算法示例
2019/02/26 Javascript
解决vue中使用less/sass及使用中遇到无效的问题
2020/10/24 Javascript
[48:21]Mski vs VGJ.S Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
Python获取脚本所在目录的正确方法
2014/04/15 Python
解决pandas使用read_csv()读取文件遇到的问题
2018/06/15 Python
python实现名片管理系统
2018/11/29 Python
详解pandas如何去掉、过滤数据集中的某些值或者某些行?
2019/05/15 Python
python 将字符串中的数字相加求和的实现
2019/07/18 Python
python GUI库图形界面开发之PyQt5结合Qt Designer创建信号与槽的详细方法与实例
2020/03/08 Python
CSS3结构性伪类选择器九种写法
2012/04/18 HTML / CSS
新闻专业毕业生英文求职信
2014/03/19 职场文书
简洁的英文求职信范文
2014/05/03 职场文书
企业承诺书格式
2014/05/21 职场文书
宾馆仓管员岗位职责
2014/07/27 职场文书
开平碉楼导游词
2015/02/06 职场文书
退休教师欢送会致辞
2015/07/31 职场文书
员工旷工检讨书
2015/08/15 职场文书
《迟到》教学反思
2016/02/24 职场文书
springboot中rabbitmq实现消息可靠性机制详解
2021/09/25 Java/Android
Redis+AOP+自定义注解实现限流
2022/06/28 Redis
win7配置本地ftp服务器的图文教程
2022/08/05 Servers