当前位置:首页 > 编程教程 > jQuery技术文章 > jQuery解析json格式数据示例

关于jQuery解析json格式数据实例效果

  • 发布时间:
  • 作者:码农之家
  • 点击:112

这篇文章主要知识点是关于jQuery、json、的内容,如果大家想对相关知识点有系统深入的学习,可以参阅以下电子书

锋利的jQuery
锋利的jQuery全书第2版
  • 类型:jQuery大小:194.9 MB格式:PDF作者:单东林 张晓菲 魏
立即下载

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

以上就是本次给大家分享的关于java的全部知识点内容总结,大家还可以在下方相关文章里找到相关文章进一步学习,感谢大家的阅读和支持。

jQuery 相关电子书
学习笔记
网友NO.718588

jQuery+json实现动态创建复杂表格table的方法

本文实例讲述了jQuery+json实现动态创建复杂表格table的方法。分享给大家供大家参考,具体如下: function SetSubTable() { var obj = jQuery.parseJSON($("#SubJsonStrValue").val()); window.ALLPARAMTERS = obj; var row_str = ""; var span_num = 1 for (var i = 0; i obj.length; i++) { if (obj[i].ParamNames.length 0) { row_str += 'trtd rowspan="' + obj[i].ParamNames.length + '"input type="checkbox" name="_'+obj[i].Id+'" /' + obj[i].Name + '/td'; for (var j = 0; j obj[i].ParamNames.length; j++) { if (j != 0) { row_str += "tr"; } row_str += 'tdinput type="checkbox" name="p_'+obj[i].ParamNames[j].Id+'_'+obj[i].Id+'" /' + obj[i].ParamNames[j].Name + '/tdtd'; for (var k = 0; k obj[i].ParamNames[j].ListItems.length; k++) { row_str += obj[i].ParamNames[j].ListItems[k].Name+"|"; } row_str = row_str.substring(0, row_str.length - 2); row_str += "/tdtd"; if (obj[i].ParamNames[j].CanMultiSelecte) { row_str += "多选"; } else { row_str += "单选"; } row_str += "/td/tr"; } } ……

网友NO.627207

jQuery中JSONP的两种实现方式详解

前台代码如下: 后台Action代码如下: 运行后就可以看到结果了。我追踪了下后台ProcessCallback代码,如下图: 可以看到jsonCallback的值为"jQuery17104721....",它是前端传给远程服务器后台Action的。这里 jQuery171..表示的是jQuery的版本,可以简单地将这个理解为JSONP类型请求回调函数,jQuery在我们每次指定Ajax请求方式为 JSONP时都会生成这么一个JSONP回调函数。虽然jQuery会自动帮我们生成一个回调函数,但是我们也可以通过设置 jsonpCallback 参数为jsonp请求定制一个我们自己的回调函数。 第一种方式下面这三行代码设定了JSONP请求方式: dataType: "jsonp", jsonp: "jsonpcallback",// 指定回调函数,这里名字可以为其他任意你喜欢的,比如callback,不过必须与下一行的GET参数一致 data: "name=jxqjsonpcallback=?", // jsonpcallback与上面的jsonp值一致 第二种方式则直接在GET参数后面带上jsonp……

网友NO.127379

在jQuery中 关于json空对象筛选替换

Requirement: 一个json object,并且可能包含一些空值或者空字符串,在页面显示的时候希望遇到空值显示“N/A”,但是有一部分值是允许空值的。因此希望通过筛选将空值设为“N/A”.例如希望学生的“age”和“score”如果为空显示“N/A”,而“sex”或者“comment”为空则不做处理。 var student = { "name" : "Guo", "sex" : "", "age" : "", "num ": 01, "scores" : [ { "subject" : "English", "score" : 50, "comment" : "" }, { "subject" : "Computer", "score" : "", "comment" : "absent" } ] }; var exclude = ["sex", "comment"]; // method 1 to validate obj validateObj1 = function(obj, excluded){ var value; for(var key in obj){ value = obj[key]; if($.isArray(value)){ obj = validateArray1(obj, key, excluded); }else if(($.inArray(key, excluded) == -1) ($.isBlank(value))){ obj[key] = "N/A"; } } return obj; } validateArray1 = function(obj, key, excluded){ var subValue; for(var i = 0, length = obj[key].length; i length; ……

网友NO.272542

jQuery实现可编辑表格并生成json结果(实例代码)

实现效果如下,在编辑表格的同时可以实现字段json内容的自动变化,点击提交可以保存到后台,页面加载的时候自动解析json并加载表格内容。该代码解析和加载功能都用前端js实现,简化了后台代码逻辑。 定义要操作的表格头: input readonly="readonly" class="form-control" type="text" id="scorerange" value="" name="scorerange"/ table id="mytable" tr th 分数区间/thth 等级/thth 建议内容/thth/th /tr !-- trtdinput onblur="caljson()" type="text" -input type="text" //td tdinput onblur="caljson()" type="text" /td tdinput onblur="caljson()" id="btn1" type="button" onclick="$(this).parent().parent().remove()" value="删除" //td/tr -- /table 定义操作代码 function insertRowLast(newrow,s1,s2,s3,s4) { if(newrow){ var newRow = "trtdinput onblur=\"caljson()\" value=\"0\" type=\"text\" style=\"width: 50px;\" -input value=\"0\" type=\"text\" style=\"width: 50px;\" //td"; newRow+="tdinput onblur=\"caljson()\" ty……

<
1
>

Copyright 2018-2020 www.xz577.com 码农之家

版权投诉 / 书籍推广 / 赞助:520161757@qq.com

idea注册码