jQuery解析json格式数据示例
编程学习 2021-07-04 16:46www.dzhlxh.cn编程入门
这篇文章主要介绍了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代码运行工具：测试上述代码运行效果。
PS：关于json操作，这里再为大家推荐几款比较实用的json在线工具供大家参考使用：
在线JSON代码检验、检验、美化、格式化工具：
JSON在线格式化工具：
在线XML/JSON互相转换工具：
json代码在线格式化/美化/压缩/编辑/转换工具：
在线json压缩/转义工具：
更多关于jQuery相关内容还可查看本站专题：《》、《》、《》及《》
希望本文所述对大家jQuery程序设计有所帮助。
上一篇：vue初始化动画加载的实例
下一篇：vue+vue-router转场动画的实例代码