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

问题描述：

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

<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

答

在ajax的success方法中解析和拼接到表格即可。如

$.ajax({ 
    url: "/api-bill/income/list", 
    success: function(result){
        //result就是你截图中的json对象，如果想要获取里面的的数据，可使用 "."
        if(result.code == 0) {
            //这里模拟获取数据中的code，如果想要获取里面的data中的数据，可使用以下方式
            //data是一个数组，
            console.log(result.data[0].id)
        }
    }});

答

var html="动态值" 循环拼接html,然后填充到tbody
document.getElementById('body_form').innerHTML = html

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

相关推荐