ajax - 在不重新加载页面的情况下加载一个新的 Dyntable

Question

我一直在阅读一堆，似乎无法弄清楚这一点。谁能告诉我是否有办法从 AJAX 调用中加载一个新的 dynatable？我正在使用 laravel 并在刀片中，如果您单击提交按钮，它将转到此功能：

function adminXconnectAjax (value) {
var newValue = JSON.parse(value);
console.log("ajax route is hit, waiting for a response");
$.ajax({
    type: 'GET',
    url: '/xconnectadmin/',
    data: {
        xconnect: newValue
    },
    dataType: 'json',
    success: function (data) {
    console.log(data);
    $("thead").show();
    $('#adminXconnectTable').dynatable({
        features: {
            pushState: false,
        },
        dataset: {
            ajax: false,
            records: data,
        },
    }).data('dynatable');
},  
    error: function(jqXHR, textStatus, errorThrown) { // What to do if we fail
        console.log(JSON.stringify(jqXHR));
        console.log("AJAX error: " + textStatus + ' : ' + errorThrown);
    }
});

}

因此，我希望每当您单击提交按钮时，我们都可以将不同的数据加载到可动态化中并删除/丢失旧的数据。
有任何想法吗？

Answer 1

最终使用引导表。我在 js 中构建了表格并将其附加到 DOM 中，因此每次调用该表格时，它都会破坏前一个表格并创建一个要显示的新表格。