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回调方法使用示例
Jun 26 jQuery
jQuery UI 实例讲解 - 日期选择器(Datepicker)
Sep 18 jQuery
jQuery自动或手动图片切换效果
Oct 11 jQuery
jQuery实现简单的下拉菜单导航功能示例
Dec 07 jQuery
jquery获取transform里的值实现方法
Dec 12 jQuery
jQuery+CSS实现的table表格行列转置功能示例
Jan 08 jQuery
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
Aug 09 jQuery
jquery实现下载图片功能
Jul 18 jQuery
jQuery操作选中select下拉框的值代码实例
Feb 07 jQuery
JQuery事件冒泡和默认行为代码实例
May 13 jQuery
jquery+css3实现的经典弹出层效果示例
May 16 jQuery
jquery实现加载更多"转圈圈"效果(示例代码)
Nov 09 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
Codeigniter出现错误提示Error with CACHE directory的解决方案
2014/06/12 PHP
php防止网站被刷新的方法汇总
2014/12/01 PHP
深入理解PHP中的empty和isset函数
2016/05/26 PHP
Js中的onblur和onfocus事件应用介绍
2013/08/27 Javascript
讨论html与javascript在浏览器中的加载顺序问题
2013/11/27 Javascript
JavaScript的null和undefined区别示例介绍
2014/09/15 Javascript
详谈LABJS按需动态加载js文件
2015/05/07 Javascript
jQuery原生的动画效果
2015/07/10 Javascript
easyUI combobox实现联动效果
2017/01/17 Javascript
搭建简单的nodejs http服务器详解
2017/03/09 NodeJs
微信小程序中子页面向父页面传值实例详解
2017/03/20 Javascript
react开发中如何使用require.ensure加载es6风格的组件
2017/05/09 Javascript
js学习总结之dom2级事件基础知识详解
2017/07/27 Javascript
浅谈Angular6的服务和依赖注入
2018/06/27 Javascript
Vue cli3 库模式搭建组件库并发布到 npm的流程
2018/10/12 Javascript
微信小程序非swiper组件实现的自定义伪3D轮播图效果示例
2018/12/11 Javascript
vue配置font-awesome5的方法步骤
2019/01/27 Javascript
js DOM的事件常见操作实例详解
2019/12/16 Javascript
Element-ui upload上传文件限制的解决方法
2021/01/22 Javascript
[04:59]2018DOTA2亚洲邀请赛 4.7 Mineski夺冠时刻
2018/04/09 DOTA
深入解析Python中的变量和赋值运算符
2015/10/12 Python
基于pycharm导入模块显示不存在的解决方法
2018/10/13 Python
对python模块中多个类的用法详解
2019/01/10 Python
pytorch下使用LSTM神经网络写诗实例
2020/01/14 Python
python实现tail -f 功能
2020/01/17 Python
使用keras实现非线性回归(两种加激活函数的方式)
2020/07/05 Python
编译 pycaffe时报错:fatal error: numpy/arrayobject.h没有那个文件或目录
2020/11/29 Python
澳大利亚最早和最古老的巨型游戏专家:Yardgames
2020/02/20 全球购物
比较基础的php面试题及答案-填空题
2014/04/26 面试题
一套Delphi的笔试题二
2013/05/11 面试题
历史专业学生的自我评价
2014/02/28 职场文书
植物生产学专业求职信
2014/08/08 职场文书
公司开业致辞
2015/07/29 职场文书
创业计划书之服装
2019/10/07 职场文书
SQL Server的存储过程与触发器以及系统函数和自定义函数
2022/04/10 SQL Server
移除Selenium中window.navigator.webdriver值
2022/06/10 Python