jQuery解析json格式数据示例

来源：动视网责编：小采时间：2020-11-27 22:08:46

jQuery解析json格式数据示例

jQuery解析json格式数据示例:本文实例讲述了jQuery解析json格式数据。分享给大家供大家参考，具体如下： var arr1 = [ one, two, three, four, five ]; $.each(arr1, function(){ alert(this); }); 输出： one two three four fi

推荐度：

点击下载本文 文档为doc格式

导读jQuery解析json格式数据示例:本文实例讲述了jQuery解析json格式数据。分享给大家供大家参考，具体如下： var arr1 = [ one, two, three, four, five ]; $.each(arr1, function(){ alert(this); }); 输出： one two three four fi

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程序设计有所帮助。