• 技术文章 >Web开发 >JavaScript

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

    宋雪维宋雪维2021-01-28 11:14:05原创2222

    在使用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教程

    专题推荐:js jquery
    上一篇:如何使用jQuery遍历each()方法 下一篇:jquery中如何使用$.each()遍历对象和数组

    相关文章推荐

    • 最新python面试题附送答案• 如何使用python中basemap库绘制地图?• Python tkinter库如何安装?

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网