用循环或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 相关文章推荐
JavaScript中的变量声明早于赋值分析
Mar 01 Javascript
开发 Internet Explorer 右键功能表(ContextMenu)
Jul 03 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
Mar 30 Javascript
JSON与XML优缺点对比分析
Jul 17 Javascript
跟我学习javascript的函数调用和构造函数调用
Nov 16 Javascript
JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)
Sep 23 Javascript
基于bootstrap-datetimepicker.js不支持IE8的快速解决方法
Nov 07 Javascript
JS 插件dropload下拉刷新、上拉加载使用小结
Apr 13 Javascript
Node.js自定义实现文件路由功能
Sep 22 Javascript
vue用BMap百度地图实现即时搜索功能
Sep 26 Javascript
vue 组件开发原理与实现方法详解
Nov 29 Javascript
vue 动态表单开发方法案例详解
Dec 02 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 JS Ip地址及域名格式检测代码
2013/09/27 PHP
php实现telnet功能示例
2014/04/08 PHP
PHP实现的比较完善的购物车类
2014/12/02 PHP
微信公众平台开发关注及取消关注事件的方法
2014/12/23 PHP
php中将一个对象保存到Session中的方法
2015/03/13 PHP
PHPTree――php快速生成无限级分类
2018/03/30 PHP
兼容多浏览器的iframe自适应高度(ie8 、谷歌浏览器4.0和 firefox3.5.3)
2009/11/04 Javascript
JavaScript fontsize方法入门实例(按照指定的尺寸来显示字符串)
2014/10/17 Javascript
JavaScript阻止事件冒泡示例分享
2014/12/28 Javascript
Node.js中的缓冲与流模块详细介绍
2015/02/11 Javascript
JavaScript+html5 canvas绘制的小人效果
2016/01/27 Javascript
jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】
2016/09/21 Javascript
前端设计师们最常用的JS代码汇总
2016/09/25 Javascript
简单谈谈axios中的get,post方法
2017/06/25 Javascript
JS沙箱模式实例分析
2017/09/04 Javascript
微信端调取相册和摄像头功能,实现图片上传,并上传到服务器
2019/05/16 Javascript
layui添加动态菜单与选项卡 AJAX请求的例子
2019/09/25 Javascript
功能完善的小程序日历组件的实现
2020/03/31 Javascript
Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】
2020/05/29 jQuery
搭建vscode+vue环境的详细教程
2020/08/31 Javascript
[01:02]DOTA2辉夜杯决赛日 CDEC.Y对阵VG赛前花絮
2015/12/27 DOTA
[00:48]食人魔魔法师至宝“金鹏之幸”全新模型和自定义特效展示
2019/12/19 DOTA
跟老齐学Python之使用Python操作数据库(1)
2014/11/25 Python
Python编程中使用Pillow来处理图像的基础教程
2015/11/20 Python
params有什么用
2016/03/01 面试题
网络维护中文求职信
2014/01/03 职场文书
军训自我鉴定
2014/01/22 职场文书
运输服务质量承诺书
2014/03/27 职场文书
爱心捐款倡议书范文
2014/05/12 职场文书
ktv好的活动方案
2014/08/15 职场文书
领导班子个人查摆问题对照检查材料
2014/10/02 职场文书
2014年林业工作总结
2014/12/05 职场文书
2015年审计人员工作总结
2015/05/26 职场文书
单位政审意见范文
2015/06/04 职场文书
Python实战之实现康威生命游戏
2021/04/26 Python
win10双系统怎么删除一个系统?win10电脑有两个系统删除一个的操作方法
2022/07/15 数码科技