技术文章 > Web开发 >  JavaScript > 正文

jquery中使用$.each遍历json数组

宋雪维

在使用JavaScript进行前端开发的过程中,json为后台传递过来的json数组需要我们进行遍历,可以使用jquery 对象的 $().each() 方法,此方法简单实用,可用于例遍任何对象,所以遍历json数组也是十分容易。本文介绍jquery中使用$.each遍历json数组的实现过程。

一、jquery中使用$.each遍历json数组两个参数

1、为回调函数

通常为数组里面对象的索引,遍历索引并同时使用元素索引和内容。

2、为对应变量或内容 

jquery.each(obj,fn,arg)

三个参数:进行操作的对象obj,进行操作的函数fn,函数的参数args。

如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略。

二、jquery中使用$.each遍历json数组实例

// 格式:[{"password":"root","username":"root"}{"password":"admin","username":"admin"}]

$.ajax({
               url : "findall",
               type : "get",
               dataType : "json",
               success : function(result) {
                   $.each(result, function (n, value) {
                       // alert(n + ' ' + value);
                       var trs = "<tr><td>" + value.username + "</td> <td>" + value.password + "</td></tr>";
                       $("#tablelist").append(trs);
                   });
               }
           });

以上就是jquery中使用$.each遍历json数组的介绍,希能帮助到你哦~更多JavaScript学习推荐:JavaScript教程

免费视频教程
本教程部分素材来源于网络,版权问题联系站长!
相关文章
  最新python面试题附送答案
  如何使用python中basemap库绘制地图?
  python爬虫爬取网页新闻内容的简单实现
  python爬虫进阶之爬取微博热搜存入Mysql
  Python tkinter库如何安装?
相关视频章节
  安装Python
  解决提示“‘python’不是内部或外外部命令
  python注释
  python编码规范
  《Python程序设计》课程导论
视频教程分类