数据表停留在 "proccessing" - ajax 已加载

Question

我正在使用 ajax 处理程序来获取我需要填充 table 的数据。我的 table 代码如下：

 $(function() {
        let table;

        table = $('#table_preview').DataTable({
          "processing": true,
          "serverSide": true,
          "columns": [
            { "data": "crop" },
            { "data": "diseases" },
            { "data": "chemical" },
            { "data": "product" },
            { "data": "rate" },
            { "data": "max_no" },
            { "data": "hi" },
            { "data": "mrl" },
            { "data": "pcs_no" },
            { "data": "supplier" }
          ],
          "ajax": {
            "url": "/assets/ajax/table_ajax_handler.php",
            "type": "POST",
            "data": {
              action: 'getPesticidesForTable'
            },
            "success": function(res) {
              console.log(res);
            }
          }
        });
    });

我试图摆脱“成功”以防覆盖某些东西但它只是给我一个错误当数据被控制台记录时，它看起来像这样

{
        "data": [
          {
            "crop": "Wheat",
            "diseases": "aids",
            "chemical": "Water",
            "product": "Dip dabs",
            "rate": 7,
            "max_no": 10,
            "hi": 9,
            "mrl": 45,
            "pcs_no": 1234,
            "supplier": "Me"
          }
        ]
      }

Answer 1

dataTable 使用了 success 回调，因此您需要删除以下行

"success": function(res) {
              console.log(res);
            }

不要忘记添加行标题 <thead><tr><th>crop</th>.... 因为它不是由 dataTable

添加的

数据表停留在 "proccessing" - ajax 已加载

Datatable stuck on "proccessing" - ajax loaded

javascript

ajax

datatable