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插件之validation插件
Mar 29 jQuery
jQuery extend()详解及简单实例
May 06 jQuery
jQuery之动画ajax事件(实例讲解)
Jul 18 jQuery
jQuery中过滤器的基本用法示例
Oct 11 jQuery
jquery获取transform里的值实现方法
Dec 12 jQuery
关于jquery layui弹出层的使用方法
Apr 21 jQuery
JQuery Ajax执行跨域请求数据的解决方案
Dec 10 jQuery
jQuery表单元素过滤选择器用法实例分析
Feb 20 jQuery
Easyui 去除jquery-easui tab页div自带滚动条的方法
May 10 jQuery
jQuery提示框插件SweetAlert用法分析
Aug 05 jQuery
jquery选择器和属性对象的操作实例分析
Jan 10 jQuery
jQuery实现日历效果
Sep 11 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 函数执行效率的小比较
2010/10/17 PHP
Javascript 颜色渐变效果的实现代码
2013/10/01 Javascript
再谈Jquery Ajax方法传递到action(补充)
2014/05/12 Javascript
JavaScript操作Oracle数据库示例
2015/03/06 Javascript
JS修改地址栏参数实例代码
2016/06/14 Javascript
如何解决IONIC页面底部被遮住无法向上滚动问题
2016/09/06 Javascript
JS优化与惰性载入函数实例分析
2017/04/06 Javascript
老生常谈jacascript DOM节点获取
2017/04/17 Javascript
浅谈Vue 初始化性能优化
2017/08/31 Javascript
原生js中ajax访问的实例详解
2017/09/19 Javascript
vue-cli中打包图片路径错误的解决方法
2017/10/26 Javascript
面包屑导航详解
2017/12/07 Javascript
vue基础之事件v-onclick="函数"用法示例
2019/03/11 Javascript
微信小程序picker组件关于objectArray数据类型的绑定方法
2019/03/13 Javascript
js实现删除li标签一行内容
2019/04/16 Javascript
配置一个vue3.0项目的完整步骤
2019/04/26 Javascript
element日历calendar组件上月、今天、下月、日历块点击事件及模板源码
2020/07/27 Javascript
解决vux 中popup 组件Mask 遮罩在最上层的问题
2020/11/03 Javascript
[00:35]可解锁地面特效
2018/12/20 DOTA
Python中实现对list做减法操作介绍
2015/01/09 Python
java中两个byte数组实现合并的示例
2018/05/09 Python
Python+selenium点击网页上指定坐标的实例
2019/07/05 Python
sklearn-SVC实现与类参数详解
2019/12/10 Python
pytorch 归一化与反归一化实例
2019/12/31 Python
python如何实现不可变字典inmutabledict
2020/01/08 Python
用CSS3实现无限循环的无缝滚动的示例代码
2017/11/01 HTML / CSS
携程旅行网:中国领先的在线旅行服务公司
2017/02/17 全球购物
Lancer Skincare官方网站:抗衰老皮肤护理
2020/11/20 全球购物
Scotch Porter官方网站:男士美容产品
2020/08/31 全球购物
校长先进事迹材料
2014/02/01 职场文书
法人代表身份证明书及授权委托书
2014/09/16 职场文书
2014年人事科工作总结
2014/11/19 职场文书
委托书的样本
2015/01/28 职场文书
2016七夕情人节感言
2015/12/09 职场文书
闭幕词的写作格式与范文!
2019/06/24 职场文书
SQL Server连接查询的实用教程
2021/04/07 SQL Server