怎样使用Jquery,或者是最简单的JS来遍历一个JSON数组。

$(document).ready(function(){

// 使用Jquery

var dataList1 =   [

{"creator":"JoshWang","count":"91"},

{"creator":"Jack","count":"55"},

{"creator":"Michell","count":"13"},

{"creator":"Mad", "count":"46"},

{"creator":"Dunk", "count":"456"}

];

$(dataList1).each(function(){

alert(this.creator + " " + this.count);

});

// 不使用Jquery

var dataList2 = {"items":"[{\"creator\":\"Hongda\",\"count\":\"91\"},{\"creator\":\"Lily\",\"count\":\"55\"}]"

}

dataList2 = eval(dataList2.items);

for (var i = 0; i < dataList2.length; i++) {

alert(dataList2[i].creator + " " + dataList2[i].count);

}

// 使用纯JS及数组索引

var json=[{"kl_id":"2","kl_title":"Test date","kl_content":"Test date","kl_type":"1","id":"1"},{"kl_id":"2","kl_title":"Test","kl_content":"Test","kl_type":"1","id":"2"}]

var str = "";

for (var one in json) {

alert("one:" + one);

for (var key in json[one]){

alert("key:" + key)

str += json[one][key] + ",";

}

}

alert(str);

});

html 如何遍历json,Jquery, JS遍历JSON数组 - HTML5相关推荐

  1. jquery 遍历json list js取得json值。

    1.jquery 遍历json list var arr = [{ name: "john", lang: "js" },{ name: "nailw ...

  2. js json遍历到html,js遍历json的key和value的实例_稚终_前端开发者

    原生 遍历json对象: 无规律: var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}]; for(var i=0,l=json.le ...

  3. js中的json ajax,js结合json实现ajax简单实例

    这篇文章主要为大家详细介绍了js结合json实现ajax简单实例的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 前期准备 1.安装wampserver或者其他相似软件来搭建本地集成安装环 ...

  4. js html 处理json数据,JS中Json数据的处理和解析JSON数据的方法详解

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.它基于ECMAScript的一个子集. JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族 ...

  5. JSON基础 JS操作JSON总结

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生格式,这意 ...

  6. js html 处理json数据,js 解析JSON数据

    链接原文转自:http://www.w3cschool.cn/json/xumd1piw.html http://www.cnblogs.com/zoumiaomiao/p/4909539.html ...

  7. html5处理json数据,js解析json数组

    js读取解析JSON类型数据 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 Jav ...

  8. 内置对象的API Array数组对象 String字符串对象 json字符串 JSON对象 js作用域及变量预解析 引用类型与值类型区别 共享引用 基本包装类型 数组去重

    01-内置对象的API a.Date对象获取时间 b.Array对象数组加工 c.String对象字符串加工 d.json字符串的语法格式 e.JSON对象的字符串与对象转换应用 02-JS作用域 a ...

  9. JSON和JS数据类型转化

    JSON的格式: 对象由键值对构成,键和值都要用引号引起来 数据由逗号分隔 花括号保存对象 方括号保存数组 JSON是JS对象或数组的字符串表示法 var obj = {"name" ...

  10. jQuery - 元素遍历

    前言: 一提到"遍历",大家一般都能联想到  each()  或者  for()等语法,但是在jQuery中究竟什么是遍历? 什么是遍历: jQuery 遍历,意为"移动 ...

最新文章

  1. android studio 发布项目的流程
  2. R语言使用skimr包的skim函数查看整个dataframe数据集的summary信息、统计汇总信息(Summarize a whole dataset)
  3. python花数_Python数据分析实战,尾鸢花数据集数据分析
  4. c语言结构体老师信息管理系统,C语言课程设计职工信息管理系统结构体数组实现程序源代码.doc...
  5. Eclipse用户使用IntelliJ IDEA的常见问答
  6. 小程序 node.js mysql_基于Node.js+MySQL开发的开源微信小程序B2C商城(页面高仿网易严选)...
  7. 链表面试题3:将两个有序链表合并为一个新的有序链表并返回。新链表是通过拼接给定的两个链表的所有节点组成 的。
  8. Spring Boot文档阅读笔记-对Securing a Web Application解析
  9. OpenSUSE下支持托盘的邮件客户端Sylpheed
  10. leetcode - 统计封闭岛屿的数目
  11. PHP 中 empty is_null 和 isset 的测试
  12. java udp包_基于UDP协议的数据包收发程序(代码+报告)Java
  13. RPC框架设计概要-性能
  14. android对象识别实验报告,20162302 实验四《Android程序设计》实验报告
  15. linux的set命令详解,Linux_批处理 Set 命令详解 让你理解set命令,set,E文翻译过来就是“设置” - phpStudy...
  16. vue在日历中使用 tippyjs 来做悬浮弹框自定义插入html
  17. 矩和质心之积分的应用
  18. 数字类型与列表——python
  19. 用Redis存取两个人的共同好友名单
  20. intellij idea字体大小设置一秒完成

热门文章

  1. pscc2018教程photoshop软件全套入门到精通分享
  2. linux之U盘读写速度测试
  3. JS监听页面刷新及阻止页面刷新
  4. 解决管家婆7在SQL2008上安装不了问题
  5. 使用python中的matplotlib绘制路径图
  6. 简述JVM垃圾回收机制
  7. 今日头条推广视频教程自媒体推广短视频教程今日头条引流小白入门视频解析下载支持今日头条快手抖音火...
  8. 线性链表的建立与插入-----数据结构与算法笔记
  9. 编程游戏开发:如何开发制作一款游戏?你需要做哪些准备?
  10. 怎么写脚本实现自动输入密码