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

Question

我想把后端的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

Answer 1

在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)
        }
    }});