json 后端list 传到前端并遍历

最新推荐文章于 2023-06-22 23:22:04 发布

原创最新推荐文章于 2023-06-22 23:22:04 发布 · 5.3k 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了一种从后端获取列表数据，并将其在前端页面上以按钮形式展示的方法。通过使用 $.get 请求获取 JSON 数据，然后利用 JavaScript 循环遍历数据并动态创建 HTML 按钮。

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

在后端将一个list传到前端。

list 格式 list 里面的元素为字典： [{"id": 1, "name": "dddddddddd"}, {"id": 2, "name": "222"}, {"id": 3, "name": "eret"}, {"id": 4, "name": "\u4e01"}, {"id": 5, "name": "2324"}]

 $.get("/classification",function(data,status){
       alert (data);
     var obj= eval(data)//json数据传过来后是字符。需要转化为对象。
     for(var i=0;i<obj.length;i++){
            $('#establish_3').append(`<button type="button" class="btn btn-default" 
id=${obj[i].id}>${obj[i].name}</button>`);
              }
});