jQuery解析json格式数据示例
更新时间：2018年09月01日 12:08:22 作者：gundumw100
这篇文章主要介绍了jQuery解析json格式数据,涉及jQuery针对json格式数据元素遍历相关操作技巧,需要的朋友可以参考下
本文实例讲述了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.jb51.net/code/HtmlJsRun测试上述代码运行效果。
PS：关于json操作，这里再为大家推荐几款比较实用的json在线工具供大家参考使用：
在线JSON代码检验、检验、美化、格式化工具：
http://tools.jb51.net/code/json
JSON在线格式化工具：
http://tools.jb51.net/code/jsonformat
在线XML/JSON互相转换工具：
http://tools.jb51.net/code/xmljson
json代码在线格式化/美化/压缩/编辑/转换工具：
http://tools.jb51.net/code/jsoncodeformat
在线json压缩/转义工具：
http://tools.jb51.net/code/json_yasuo_trans
更多关于jQuery相关内容还可查看本站专题：《jQuery操作json数据技巧汇总》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
这篇文章主要介绍了jquery实现图片预加载的方法，内容很详细，带领大家全方位学习jquery图片预加载，感兴趣的小伙伴们可以参考一下2015-12-12
今天在修整博客侧栏信息时，利用到了Tab选项卡方式，因为ZBlog封装的是JQuery库，所以很自然地就想到了IdTabs。2010-09-09
你是不是经常作这种开发，前端用JS写逻辑，后端用aspx或者ashx作服务？你是不是经常在请求aspx的时候在查询字符串中拼接诸如a.aspx?method=getDepartmetn¶m1=1¶m2=2的字符串？2014-05-05
这篇文章主要为大家详细介绍了jQuery实现带进度条的轮播图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
本文给大家分享的是一则使用jQuery实现公告的翻滚效果的代码，十分简洁实用，兼容性也非常不错，这里推荐给小伙伴们2015-02-02
这篇文章主要介绍了jquery实现鼠标点击后展开列表内容的导航栏效果,通过简单的jQuery链式操作实现针对页面元素的遍历及样式动态变换功能,需要的朋友可以参考下2015-09-09
jQuery选择器源码解读（八）：addCombinator函数
这篇文章主要介绍了jQuery选择器源码解读（八）：addCombinator函数,本文用详细的注释解读了addCombinator函数的实现源码,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了jQuery toggle 代替方法 的相关资料,需要的朋友可以参考下2016-03-03
现在任何事务都追求效率和人性化，当然网页效果也是如此，如果一个可以编辑数据的表格，编辑到最后一行的时候，点击可以自动添加一行，这样算是一个比较人性化的效果，可以免去一丝劳顿之苦，下面分享一段这样的代码2016-01-01
13 款最热门的 jQuery 图像 360 度旋转插件推荐
这篇文章主要介绍了13 款最热门的 jQuery 图像 360 度旋转插件，非常炫酷实用，有需要的小伙伴参考下2014-12-12
最新评论