手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >用循环或if语句从json中取数据示例
用循环或if语句从json中取数据示例
摘要:首先,例如json数据如下书写:{"head":[{"text":"广州","id":"广州","pid":"广东省"},{"text":"...

首先,例如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的一点学习所得,记录一下。

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

【用循环或if语句从json中取数据示例】相关文章:

三种AngularJS中获取数据源的方式

jQuery实现返回顶部效果的方法

Javascript调用XML制作连动下拉列表框

Angularjs全局变量被作用域监听的正确姿势

网页中移动的广告效果 鼠标悬停

JavaScript中的this机制

js实现顶部可折叠的菜单工具栏效果实例

JavaScript对传统文档对象模型的支持

Jquery使用css方法改变样式实例

jquery实现弹出层效果实例

精品推荐
分类导航