html5中文学习网

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

用循环或if语句从json中取数据示例_javascript技巧_

[ ] 已经帮助:人解决问题

首先,例如json数据如下书写:Hf7HTML5中文学习网 - HTML5先行者学习网
Hf7HTML5中文学习网 - HTML5先行者学习网

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

如上,倘若想将id和pid数据依次取出,就只能用循环,代码如下:Hf7HTML5中文学习网 - HTML5先行者学习网
Hf7HTML5中文学习网 - HTML5先行者学习网

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中的数据。Hf7HTML5中文学习网 - HTML5先行者学习网

若想有选择性的输出时,需要添加if条件,代码如下:Hf7HTML5中文学习网 - HTML5先行者学习网
Hf7HTML5中文学习网 - HTML5先行者学习网

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输出。Hf7HTML5中文学习网 - HTML5先行者学习网

另外,倘若调出来的json数据,中文乱码,一方面查看json调用的jquery代码,另一方面,可能是编写json数据的文件的问题。Hf7HTML5中文学习网 - HTML5先行者学习网

以上是自学json的一点学习所得,记录一下。Hf7HTML5中文学习网 - HTML5先行者学习网

(注:对象中多个数据时,直接使用)(注:对象中多个数据时,直接使用)Hf7HTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助