我在表格中显示 Ajax 数据时遇到问题

Question

此代码似乎有效，因为可以在视图中看到列的宽度，但随后无法显示数据。

$(document).ready(function () {
    loadDataTable();
});

function loadDataTable() {
    dataTable = $('#tblData').DataTable({
        ajax: {
            url: '/admin/product/GetAll'
        },
        columns: [
            { data: 'title', width: "25%" },
            { data: 'category.name', width: "15%" },
            { data: 'isbn', width: "15%" },
            { data: 'author', width: "15%" },
            { data: 'listPrice', width: "15%" }
        ]
    });
}

我尝试了使用文档给出的ajax的不同方法，但它仍然显示表格，但无法显示数据

Answer 1

我重现了您的问题，这是因为我们缺乏识别数据源。

如果没有

dataSrc: ""

，数据表就无法知道ajax响应中的数据源是哪一个。在我的 mvc 项目中，我有一个返回数据列表的操作方法。

public List<Data> getData() {
            var list = new List<Data> {
                new Data{ id=1,room="Basic",price="$49"},
                new Data{ id=1,room="Common",price="$59"},
                new Data{ id=1,room="Luxury",price="$99"},
                new Data{ id=1,room="Deluxe",price="$89"}
            };
            return list;
        }

就像你所看到的，当我评论该行时，DataTable 可以获得正确的响应，但无法加载它们。