Question

我已经在这里查看了所有其他答案，但找不到一个简单地说明我所遇到的错误的解决方案，

我的JS代码：

$('#product-table').DataTable({
    stateSave: true,
    ajax: {
        url: "/api/stock/products",
        type: "POST",
        "Columns": [
            { "data": "name" },
            { "data": "description" },
            { "data": "current_stock" },
            { "data": "cost_price" },
            { "data": "retail_price" }
        ]
    },
});

Json数据被退回：

{
  "data": [
    {
      "name": "product 1",
      "description": "test product",
      "current_stock": "200",
      "cost_price": "2000",
      "retail_price": "2500"
    }
  ]
}

HTML：

<table id="product-table" width="100%" class="table table-hover">
       <thead>
            <tr>
                <th>Name</th>
                <th>Description</th>
                <th>Current Stock</th>
                <th>Cost Price</th>
                <th>Retail price</th>
            </tr>
       </thead>
</table>

正在发送ajax调用并返回数据但是一旦页面加载DataTable就会引发以下错误：

DataTables警告：table id = product-table - 请求未知第0行第0列的参数“0”。有关此内容的详细信息错误，请参阅http://datatables.net/tn/4

Answer 1

JS看起来不对，试试这个：

$('#product-table').DataTable({
    "stateSave": true,
    "ajax": {
        "url": "/api/stock/products",
        "type": "POST"
    },
    "columns": [{
        "data": "name"
    }, {
        "data": "description"
    }, {
        "data": "current_stock"
    }, {
        "data": "cost_price"
    }, {
        "data": "retail_price"
    }]
});

DataTables请求未知参数

1 个答案: