Question

我在幕后获得了JSON数据，这就是

[{"aid":100000,"name":"JYCM201609010250","rtsp":"947|100000|3750","statuz":"1","updateTime":"2017-05-31"},{"aid":100001,"name":"gui","rtsp":"947|100000|3750","statuz":"0","updateTime":"2017-05-31"}]

背景和前景代码如下

@Autowired
private MediaImpl media;
@ResponseBody
@RequestMapping(value = "/media",method = RequestMethod.GET)
public List<Media> MediaAll(){
    System.out.println("------------------------------------------------------");
    return media.findAll();
}

JS代码如下

<script>
$(document).ready(function () {
    $('#table_id_example').DataTable({
        "iDisplayLength": 10,
        "bLengthChange": false,
        "ajax": {
            "url": "/media",
            "dataType": "json",
            "success": function (json) {
               console.log(json)
            }
        },
        "columns": [
            {
                "data": 'aid'

            },
            {
                "data": 'name'

            },
            {
                "data": 'rtsp'

            },
            {
                "data": 'statuz'

            },
            {
                "data": 'updateTime'

            }
        ]
    });
});

html代码如下 enter image description here

控制台代码

VM178:10 (2) [{…}, {…}]0: {aid: 100000, name: "JYCM201609010250", rtsp: "947|100000|3750", statuz: "1", updateTime: "2017-05-31"}1: {aid: 100001, name: "gui", rtsp: "947|100000|3750", statuz: "0", updateTime: "2017-05-31"}length: 2__proto__: Array(0)

前端控制台没有错误，后端没有错误。但数据不可用

Answer 1

这里有几个问题。第一个是数据表需要json响应的数据元素中的数据，例如：

{
    data: [{"aid":100000,"name":"JYCM201609010250","rtsp":"947|100000|3750","statuz":"1","updateTime":"2017-05-31"},{"aid":100001,"name":"gui","rtsp":"947|100000|3750","statuz":"0","updateTime":"2017-05-31"}]
}

您应该可以在DataTable设置上使用ajaxSrc: ""。

第二个问题是你的ajax设置。 DataTables声明您无法在ajax设置中提供成功回调，因为它在内部使用它。

有关这两个问题的文档： https://datatables.net/reference/option/ajax

假设您使用的是DataTables 1.10.x

datatables加载数据异常

1 个答案: