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插件Echarts实现的渐变色柱状图
Mar 23 jQuery
jquery中封装函数传递当前元素的方法示例
May 05 jQuery
jQuery实现上传图片前预览效果功能
Aug 03 jQuery
基于jquery.page.js实现分页效果
Jan 01 jQuery
JQuery实现table中tr上移下移的示例(超简单)
Jan 08 jQuery
jquery.picsign图片标注组件实例详解
Feb 02 jQuery
菊花转动的jquery加载动画效果
Aug 19 jQuery
jQuery+Datatables实现表格批量删除功能【推荐】
Oct 24 jQuery
使vue实现jQuery调用的两种方法
May 12 jQuery
jquery向后台提交数组的代码分析
Feb 20 jQuery
如何在vue 中引入使用jquery
Nov 10 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设计聊天室步步通
2006/10/09 PHP
WordPress后台中实现图片上传功能的实例讲解
2016/01/11 PHP
LINUX下PHP程序实现WORD文件转化为PDF文件的方法
2016/05/13 PHP
php原生导出excel文件的两种方法(推荐)
2016/11/19 PHP
PHP 扩展Memcached命令用法实例总结
2020/06/04 PHP
Google AJAX 搜索 API实现代码
2010/11/17 Javascript
xmlhttp缓存清除的2种解决方法
2013/12/13 Javascript
js星星评分效果
2014/07/24 Javascript
JS去除空格和换行的正则表达式(推荐)
2016/06/14 Javascript
jQuery实现带延时功能的水平多级菜单效果【附demo源码下载】
2016/09/21 Javascript
jQuery的Read()方法代替原生JS详解
2016/11/08 Javascript
收藏AngularJS中最重要的核心功能
2017/07/09 Javascript
详解angularjs popup-table 弹出框表格指令
2017/09/20 Javascript
Angular之toDoList的实现代码示例
2017/12/02 Javascript
vue数据控制视图源码解析
2018/03/28 Javascript
JS判断字符串是否为整数的方法--简单的正则判断
2018/07/23 Javascript
vue项目引入字体.ttf的方法
2018/09/28 Javascript
Vue CLI 3.x 自动部署项目至服务器的方法
2019/04/02 Javascript
解决微信浏览器缓存站点入口文件(IIS部署Vue项目)
2019/06/17 Javascript
Node.js创建一个Express服务的方法详解
2020/01/06 Javascript
Python pickle模块用法实例
2015/04/14 Python
python实现五子棋小游戏
2020/03/25 Python
python调试神器PySnooper的使用
2019/07/03 Python
Django分页功能的实现代码详解
2019/07/29 Python
Python实现的微信红包提醒功能示例
2019/08/22 Python
关于Numpy中的行向量和列向量详解
2019/11/30 Python
Python读取csv文件实例解析
2019/12/30 Python
Python实现进度条和时间预估的示例代码
2020/06/02 Python
通过实例简单了解Python sys.argv[]使用方法
2020/08/04 Python
个人找工作求职简历的自我评价
2013/10/20 职场文书
师德师风演讲稿
2014/05/05 职场文书
2014财务年度工作总结
2014/11/11 职场文书
2015年社区矫正工作总结
2015/04/21 职场文书
追讨欠款律师函
2015/05/27 职场文书
使用Mysql计算地址的经纬度距离和实时位置信息
2022/04/29 MySQL
利用Apache Common将java对象池化的问题
2022/06/16 Servers