Jquery Ajax 數據表重新加載

Question

我正在使用 jquery 數據表列出我的數據庫值。 我想在同一頁面中創建一個國家和它的州，而最初狀態數據表是空的。一旦我創建了國家，就會生成國家 ID，並且可以在同一頁面中創建具有該國家 ID 的狀態。它也創建得很好，但問題是數據表不是重新加載它應該顯示創建的狀態但它沒有顯示。問題是生成的國家 ID 在重新加載時沒有傳遞給數據表中的 ajax 參數。

 country_id=$("#country_id").val();
    dataTable = $('#example').DataTable( {
         "serverSide": true,
    // Load data for the table's content from an Ajax source
        "ajax": {
        "url": datatable_url,
        "type": "POST",
        data:{country_id: $("#country_id").val()},
        error: function () {  // error handling
            $(".table-grid-error").html("");
            $("#table").append('<tbody class="employee-grid-error"><tr><th colspan="3">No data found in the server</th></tr></tbody>');
            $("#table-grid_processing").css("display", "none");
        }
    },

    ],
});

我重新加載它

 $.ajax({
    url: 'url',
    type: "POST",
    data: {
     //data
    },
    success: function (data) {
              reload_tabless();
   },

function reload_tabless() {
dataTable.ajax.reload(null, false); //reload datatable ajax
}

請幫我改正。

Answer 1

看起來您在調用reload_tabless()之前應該執行 ajax 調用的代碼中的url硬編碼為字符串'url' ，這很可能使 ajax 調用失敗，從而不執行成功回調。

我認為您不需要額外的 ajax 調用。 只需執行reload_tabless而不是 ajax 調用。

Answer 2

在 DataTable 部分中使用 "destroy": true 並再次調用 DataTable 函數。

它將在沒有回發的情況下重新加載 DataTable。