用循环或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 相关文章推荐
利用Ext Js生成动态树实例代码
Sep 08 Javascript
关于flash遮盖div浮动层的解决方法
Jul 17 Javascript
JavaScript代码复用模式实例分析
Dec 02 Javascript
jQuery中attr()和prop()在修改checked属性时的区别
Jul 18 Javascript
dreamweaver 8实现Jquery自动提示
Dec 04 Javascript
JavaScript必知必会(六) delete in instanceof
Jun 08 Javascript
AngularJs Understanding the Controller Component
Sep 02 Javascript
JS三目运算(三元运算)方法详解
Mar 01 Javascript
vue2 前后端分离项目ajax跨域session问题解决方法
Apr 27 Javascript
zTree节点文字过多的处理方法
Nov 24 Javascript
微信小程序上传文件到阿里OSS教程
May 20 Javascript
详解JS数组方法
Nov 20 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中判断一个请求是ajax请求还是普通请求的方法
2011/06/28 PHP
js限制checkbox勾选的个数以及php获取多个checkbbox的方法深入解析
2013/07/18 PHP
codeigniter集成ucenter1.6双向通信的解决办法
2014/06/12 PHP
mantis安装、配置和使用中的问题小结
2014/07/14 PHP
PHP编程中尝试程序并发的几种方式总结
2016/03/21 PHP
php设计模式之观察者模式实例详解【星际争霸游戏案例】
2020/03/30 PHP
Javascript实例教程(19) 使用HoTMetal(4)
2006/12/23 Javascript
utf8的编码算法 转载
2006/12/27 Javascript
Sample script that deletes a SQL Server database
2007/06/16 Javascript
js jquery获取随机生成id的服务器控件的三种方法
2013/07/11 Javascript
JS判定是否原生方法
2013/07/22 Javascript
深入理解javascript中return的作用
2013/12/30 Javascript
使用AngularJS对路由进行安全性处理的方法
2015/06/18 Javascript
jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)
2016/08/05 Javascript
JS 拼凑字符串的简单实例
2016/09/02 Javascript
jQuery获取选中单选按钮radio的值
2016/12/27 Javascript
详解如何实现一个简单的 vuex
2018/02/10 Javascript
NodeJs项目中关闭ESLint的方法
2018/08/09 NodeJs
tsconfig.json配置详解
2019/05/17 Javascript
[43:48]Ti4正赛第一天 VG vs NEWBEE 2
2014/07/19 DOTA
Python求两个圆的交点坐标或三个圆的交点坐标方法
2018/11/07 Python
Python 调用 Windows API COM 新法
2019/08/22 Python
你还在@微信官方?聊聊Python生成你想要的微信头像
2019/09/25 Python
Python实现列表中非负数保留,负数转化为指定的数值方式
2020/06/04 Python
使用Pytorch搭建模型的步骤
2020/11/16 Python
魅力惠奢品线上平台:MEI.COM
2016/11/29 全球购物
Vision Direct比利时:在线订购隐形眼镜
2019/08/27 全球购物
Python的两道面试题
2013/06/29 面试题
行政部主管岗位职责
2013/12/28 职场文书
学雷锋先进个人事迹
2014/05/26 职场文书
婚前协议书标准版
2014/10/19 职场文书
2014年工人工作总结
2014/11/25 职场文书
优秀班组事迹材料
2014/12/24 职场文书
小数乘法教学反思
2016/02/22 职场文书
如何利用JavaScript实现二叉搜索树
2021/04/02 Javascript
Python pandas读取CSV文件的注意事项(适合新手)
2021/06/20 Python