JQuery遍历json数组

最新推荐文章于 2023-02-23 14:24:52 发布

煎饼果子ʕ•͡-•ʔ

最新推荐文章于 2023-02-23 14:24:52 发布

阅读量430

点赞数

分类专栏：随笔文章标签： jquery json ajax

本文链接：https://blog.youkuaiyun.com/qq_42702443/article/details/104781821

版权

随笔专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一种使用JQuery遍历JSON数组的方法，并通过具体示例代码展示了如何将遍历到的数据动态添加到HTML表格中。这为前端开发者提供了一个有效处理服务器返回的JSON数据的实践案例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JQuery遍历json数组

前台代码

使用each遍历

// 格式:[{"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);
                   });
               }
           });