jQuery解析json格式数据示例


Posted in jQuery onSeptember 01, 2018

本文实例讲述了jQuery解析json格式数据。分享给大家供大家参考,具体如下:

var arr1 = [ "one", "two", "three", "four", "five" ];
$.each(arr1, function(){
  alert(this);
});

输出:

one   two  three  four   five

var arr2 = [[1, 2, 3], [4, 5, 6], [7, 8, 9]]
$.each(arr2, function(i, item){
  alert(item[0]);
});

输出:

1   4   7

var obj = { one:1, two:2, three:3, four:4, five:5 };
$.each(obj, function(key, val) {
  alert(obj[key]);
});

输出:

1   2  3  4  5

//json格式
var param = [{'subJobClass':'com.sample.quartz.MyJob','subJobMethod':'hello','taskParam':[{'username':'张三'},{'age':'28'},{'tel':'15818821129'}]}];
//设置参数值
if(param.length>0){
  alert(param[0].subJobClass);
  alert(param[0].subJobMethod);
  var taskParam = param[0].taskParam ;
  //遍历任务参数数组
  jQuery.each(taskParam,function(i, item){
    //解析单个任务参数
    jQuery.each(item ,function(key){
      alert(key);//key
            alert(item[key]);//value
          });
  });
}

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

jQuery 相关文章推荐
jQuery插件FusionWidgets实现的Cylinder图效果示例【附demo源码】
Mar 23 jQuery
jQuery ajax请求struts action实现异步刷新
Apr 19 jQuery
jquery实现简单实用的轮播器
May 23 jQuery
jquery加载单文件vue组件的方法
Jun 20 jQuery
基于jQuery的左滑出现删除按钮的示例
Aug 29 jQuery
jQuery中图片展示插件highslide.js的简单dom
Apr 22 jQuery
jQuery实现高级检索功能
May 28 jQuery
jQuery实现手风琴效果(蒙版)
Jan 11 jQuery
jquery实现聊天机器人
Feb 08 jQuery
jquery制作的移动端购物车效果完整示例
Feb 24 jQuery
jQuery实现评论模块
Aug 19 jQuery
jQuery使用hide()、toggle()函数实现相机品牌展示隐藏功能
Jan 29 jQuery
jQuery实现表格隔行换色
Sep 01 #jQuery
基于jQuery ztree实现表格风格的树状结构
Aug 31 #jQuery
解决jQuery使用append添加的元素事件无效的问题
Aug 30 #jQuery
jQuery实现的简单手风琴效果示例
Aug 29 #jQuery
jQuery实现的淡入淡出图片轮播效果示例
Aug 29 #jQuery
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
Aug 28 #jQuery
jQuery md5加密插件jQuery.md5.js用法示例
Aug 24 #jQuery
You might like
探讨PHP使用eAccelerator的API开发详解
2013/06/09 PHP
PHP SPL标准库之数据结构栈(SplStack)介绍
2015/05/12 PHP
php新建文件的方法实例
2019/09/26 PHP
JavaScript延迟加载
2021/03/09 Javascript
javascript学习随笔(使用window和frame)的技巧
2007/03/08 Javascript
javascript 网页跳转的方法
2008/12/24 Javascript
JQuery 确定css方框模型(盒模型Box Model)
2010/01/22 Javascript
jQuery Ajax提交表单查询获得数据实例代码
2012/09/19 Javascript
原生js操作checkbox用document.getElementById实现
2013/10/12 Javascript
通过pjax实现无刷新翻页(兼容新版jquery)
2014/01/31 Javascript
jQuery对象的length属性用法实例
2014/12/27 Javascript
Javascript编写2048小游戏
2015/07/07 Javascript
AngularJS基础 ng-options 指令详解
2016/08/02 Javascript
Bootstrap3下拉菜单的实现
2017/02/22 Javascript
js+canvas实现动态吃豆人效果
2017/03/22 Javascript
详解Angular2响应式表单
2017/06/14 Javascript
Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能
2018/04/28 Javascript
Vue+webpack项目配置便于维护的目录结构教程详解
2018/10/14 Javascript
Vue 幸运大转盘实现思路详解
2019/05/06 Javascript
微信小程序 网络通信实现详解
2019/07/23 Javascript
vue使用canvas实现移动端手写签名
2020/09/22 Javascript
JS+CSS实现过渡特效
2021/01/02 Javascript
Python中isnumeric()方法的使用简介
2015/05/19 Python
Python中的下划线详解
2015/06/24 Python
Python+matplotlib实现华丽的文本框演示代码
2018/01/22 Python
基于循环神经网络(RNN)实现影评情感分类
2018/03/26 Python
对python实现模板生成脚本的方法详解
2019/01/30 Python
通过代码简单了解django model序列化作用
2020/11/12 Python
澳大利亚床上用品、浴巾和家居用品购物网站:Bambury
2020/04/16 全球购物
西班牙在线光学:Visual-Click
2020/06/22 全球购物
联谊活动策划书
2014/01/26 职场文书
小学生评语集锦
2014/04/18 职场文书
护理专业自荐信范文
2015/03/06 职场文书
新郎婚礼致辞
2015/07/27 职场文书
SQL实现LeetCode(197.上升温度)
2021/08/07 MySQL
nginx设置资源请求目录的方式详解
2022/05/30 Servers