当前位置:主页 > jquery教程 > jQuery解析json格式数据示例

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

发布:2020-03-06 17:28:33 112


给网友朋友们带来一篇jQuery相关的编程文章,网友汪静逸根据主题投稿了本篇教程内容,涉及到jQuery、json、jQuery解析json格式数据示例相关内容,已被497网友关注,下面的电子资料对本篇知识点有更加详尽的解释。

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 easyui对于开始时间小于结束时间的判断方法

    发布:2020-01-20

    对于开始时间小于结束时间的判断可以参考,jquery easyui里的ValidateBox进行判断,需要的朋友可以参考下


  • 深入理解bootstrap data和jquery .data

    发布:2020-02-16

    最近在做项目的时候用到了bootstrap,在使用中发现其data与jquery的data有些不一样的地方,记录一下,分享给大家


  • jQuery遍历json的实例代码

    发布:2019-12-17

    这篇文章主要介绍了jQuery遍历json的方法的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下


  • SpringBoot前后端json数据交互的全过程记录

    SpringBoot前后端json数据交互的全过程记录

    发布:2022-09-23

    给网友朋友们带来一篇关于SpringBoot的教程,现在大多数互联网项目都是采用前后端分离的方式开发,下面这篇文章主要给大家介绍了关于SpringBoot前后端json数据交互的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下


  • python数据封装json格式数据的实例方法

    发布:2019-08-30

    本次内容是小编在网上整理的关于如何python数据封装json格式的内容总结,有兴趣的读者们参考下。


  • 对之前写的jquery分页做下升级

    发布:2023-01-10

    给大家整理了关于jquery的教程,之前写的分页,操作时要把传的参数放到隐藏hidden中,比较麻烦,下面重新包装了一下,需要的朋友可以参考参考


  • jQuery图片切换插件jquery.cycle.js实例效果

    发布:2020-02-10

    Cycle供了非常好的功能来帮助大家更简单的使用插件的幻灯功能,下面是它的一个非常不错的示例,大家可以学习下


  • jquery Ajax解析XML数据代码实例

    发布:2020-01-01

    本篇文章主要是对Jquery Ajax解析XML数据(同步及异步调用)的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助


网友讨论