无法用新数据重新加载dataTable

Question

null

t错误显示为:

null

DataTables警告:表ID=Slave-Requested未知参数'0'用于行0，列0。有关此错误的详细信息，请参阅http://datatables.net/TN/4

null

$(document).ready( function (){
    $('#slave').dataTable()
    });

    function updateDatTable() {

    fetch('{{route('pusher')}}', {
    method : 'post',
    mode:    'cors',
    headers: {
      'Content-Type': 'application/json',  // sent request
      'Accept':       'application/json'   // expected data sent back
    },
    body: JSON.stringify({"mac":"{{$slaves['mac']}}"})
    })
    .then((res) => res.json())
    .then(function(res) {

        var temp = res['slaves'];
        var table = $('#slave').DataTable({
            "data":temp,
            "columns":[
                    { data: "name" },
                    { data: "slave_id" },
                    { data: "type" },
                    { data: "status" },
                    { data: "value"},
                    { data: "mode"},
                    { data: "name1"},
                    { data: "name2"},
                    { data: "name3"},
                    { data: "name4"},
                    { data: "s1"},
                    { data: "s2"},
                    { data: "s3"},
                    { data: "s4"},
                    { data: "voltage"},
                    { data: "hum"},
                    { data: "temp"}

            ]
        });

            table.clear().rows.add(temp).draw();
            alert('yay');
            //setInterval(updateDatTable, 1000);

    })
    .catch(function(error) {
        alert(error)
            //setInterval(updateDatTable, 1000); // <-- there was a network problem, 
                            //     but still, program the next one!
    })

    }

我通过进行API调用得到的数据如下:

{
    "slaves": [
        {"name":"IPL Conf Room Door","type":"door_sensor","value":0,"slave_id":3,"status":1,"voltage":2},

        {"slave_name":"IPL Motion Sensor","name":"IPL Motion Sensor","type":"PIR","value":1,"slave_id":4,"status":1,"voltage":2},

        {"hum":83,"temp":22,"name":"IPL Conf Room Extension","type":"ir_relay","slave_id":5,"status":1,"voltage":10},

        {"mode":4,"name":"IPL Scene Switch","type":"macro_panel","slave_id":6,"status":1,"voltage":0},

        {"mode":3,"s3":1,"name3":"","name":"IPL Conf Lights","type":"fb","name2":"","name1":"","s1":1,"slave_id":7,"s2":1,"status":1},

        {"hum":84,"temp":23,"name":"IPL Reception Extension","type":"ir_relay","slave_id":9,"status":1,"voltage":10},

        {"name":"IPL Main Door","type":"door_sensor","value":1,"slave_id":10,"status":1,"voltage":2}
    ],

    "amount":7,

    "ack":"ok",

    "action":"list_slave",

    "type":"all",

    "mac":"C8EEA62DA254"
}

请帮帮我。如果你想要更多的信息就问。

Answer 1

您的数据表被初始化了两次，因此添加

"destroy" : true,

标记在“data”后面:temp或任何其他合适的位置，以破坏updateDataTable()javascript函数中先前初始化的数据表。

Answer 2

尝试使用此表

var table = $('#slave').DataTable({
    "data": temp,
    destroy: true, // <----- notice "destroy: true"
    "columns": [
        { data: "name" },
        { data: "slave_id" },
        { data: "type" },
        { data: "status" },
        { data: "value" },
        { data: "mode" },
        { data: "name1" },
        { data: "name2" },
        { data: "name3" },
        { data: "name4" },
        { data: "s1" },
        { data: "s2" },
        { data: "s3" },
        { data: "s4" },
        { data: "voltage" },
        { data: "hum" },
        { data: "temp" }

    ]
});