玛卡巴卡的博客 2021-11-10 16:45 采纳率: 55.6%
浏览 342
已结题

js怎么把后端传来的json数据显示到前端的表格中呢

我想把后端的json数据传到前端的表格中,前台是js写的.
就是怎么使用ajax获取过来这个数据,然后拼接到表格中?
表头长这样

img

<table id="table_id">
    <thead>
    <tr> <!--共8项-->
        <th>项目</th>
        <th>金额</th>
        <th>项目</th>
        <th>金额</th>
        <th>项目</th>
        <th>金额</th>
        <th>项目</th>
        <th>金额</th>
    </tr>
    </thead>
    <tbody id="body_form">
    </tbody>

后台的数据json数据长这样,路径是 /api-bill/income/list

img

  • 写回答

2条回答 默认 最新

  • Kyle_Ping 2021-11-10 17:10
    关注

    ajaxsuccess方法中解析和拼接到表格即可。如

    $.ajax({ 
        url: "/api-bill/income/list", 
        success: function(result){
            //result就是你截图中的json对象,如果想要获取里面的的数据,可使用 "."
            if(result.code == 0) {
                //这里模拟获取数据中的code,如果想要获取里面的data中的数据,可使用以下方式
                //data是一个数组,
                console.log(result.data[0].id)
            }
        }});
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 11月18日
  • 已采纳回答 11月10日
  • 修改了问题 11月10日
  • 修改了问题 11月10日
  • 展开全部

悬赏问题

  • ¥15 如何把LibreOffice添加到自定义层中
  • ¥15 能够跑通不报错,如何解决?(标签-matlab)
  • ¥35 这个的负序网络和零序网络怎么画?(答疑)
  • ¥200 基于同花顺supermind的量化策略脚本编辑
  • ¥20 Html备忘录页面制作
  • ¥15 黄永刚的晶体塑性子程序中输入的材料参数里的晶体取向参数是什么形式的?
  • ¥20 数学建模来解决我这个问题
  • ¥15 计算机网络ip分片偏移量计算头部是-20还是-40呀
  • ¥15 stc15f2k60s2单片机关于流水灯,时钟,定时器,矩阵键盘等方面的综合问题
  • ¥15 YOLOv8已有一个初步的检测模型,想利用这个模型对新的图片进行自动标注,生成labellmg可以识别的数据,再手动修改。如何操作?