用循环或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 相关文章推荐
JQuery为textarea添加maxlength属性的代码
Apr 07 Javascript
jquery 多行文本框(textarea)高度变化
Jul 03 Javascript
javascript实现全角与半角字符的转换
Jan 07 Javascript
JavaScript使用cookie实现记住账号密码功能
Apr 27 Javascript
JavaScript必知必会(九)function 说起 闭包问题
Jun 08 Javascript
DWR3 访问WEB元素的两种方法实例详解
Jan 03 Javascript
Angular.js中控制器之间的传值详解
Apr 24 Javascript
基于element-ui的rules中正则表达式
Sep 04 Javascript
vuex实现及简略解析(小结)
Mar 01 Javascript
vue+elementUI实现表单和图片上传及验证功能示例
May 14 Javascript
vue 实现单选框设置默认选中值
Nov 07 Javascript
js回调函数原理与用法案例分析
Mar 04 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数据过滤的方法
2013/10/30 PHP
php获得文件夹下所有文件的递归算法的简单实例
2016/11/01 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
Laravel5.1 框架Middleware中间件基本用法实例分析
2020/01/04 PHP
PHP检查文件是否存在,不存在自动创建及读取文件内容操作示例
2020/01/23 PHP
不错的新闻标题颜色效果
2006/12/10 Javascript
javascript使用eval或者new Function进行语法检查
2010/10/16 Javascript
提升你网站水平的jQuery插件集合推荐
2011/04/19 Javascript
纯JavaScript实现HTML5 Canvas六种特效滤镜示例
2013/06/28 Javascript
js弹出确认是否删除对话框
2014/03/27 Javascript
Js可拖拽放大的层拖动特效实现方法
2015/02/25 Javascript
JS实现点击文字对应DIV层不停闪动效果的方法
2015/03/02 Javascript
jquery点击缩略图切换视频播放特效代码分享
2015/09/15 Javascript
探究JavaScript中的五种事件处理程序方式
2016/12/07 Javascript
JavaScript无阻塞加载和defer、async详解
2017/02/26 Javascript
JavaScript事件方法(实例讲解)
2017/06/27 Javascript
详解extract-text-webpack-plugin 的使用及安装
2018/06/12 Javascript
Node.js中的不安全跳转如何防御详解
2018/10/21 Javascript
javascript刷新父页面方法汇总详解
2019/10/10 Javascript
[02:23]完美世界全国高校联赛街访DOTA2第一期
2019/11/28 DOTA
python抓取网页中图片并保存到本地
2015/12/01 Python
python 循环遍历字典元素的简单方法
2016/09/11 Python
Python2/3中urllib库的一些常见用法
2017/12/19 Python
对python多线程与global变量详解
2018/11/09 Python
python中时间、日期、时间戳的转换的实现方法
2019/07/06 Python
深入浅析Python 函数注解与匿名函数
2020/02/24 Python
Python爬虫实现vip电影下载的示例代码
2020/04/20 Python
Python趣味入门教程之循环语句while
2020/08/26 Python
python基于exchange函数发送邮件过程详解
2020/11/06 Python
Hotels.com印度:酒店预订
2019/05/11 全球购物
EJB timer的种类
2014/10/28 面试题
广告传媒专业应届生求职信
2014/03/01 职场文书
品德评语大全
2014/05/05 职场文书
党员三严三实对照检查材料
2014/10/13 职场文书
工程款催款函
2015/06/24 职场文书
如何用python绘制雷达图
2021/04/24 Python