刷新AJAX成功的Gridjs表

Question

AJAX代码运行良好，并在“成功”上创建了我想要的输出。

success: function (data) {
console.log(data);     
     $( "#gridjs_table" ).load(window.location.href + " #gridjs_table" );//updates the gridjs_table div
}

Gridjs表也工作得很好

<script src="https://cdn.jsdelivr.net/npm/gridjs/dist/gridjs.umd.js"></script>
<link href="https://cdn.jsdelivr.net/npm/gridjs/dist/theme/mermaid.min.css" rel="stylesheet"/>
<div id="gridjs_table">

<div id="wrapper"></div>
<script>
new gridjs.Grid({
    columns: [
        { name: "Title",
            formatter: (cell, row) => {
            return gridjs.html(`<span style='text-align: center;' id='visible_title'>${row.cells[0].data}</span>`);
        
        }},
        { name: "src", hidden: true},
        { name: "Cover", 
            sort:{enabled: false},
            formatter: (cell, row) => {
            return gridjs.html(`<div style='text-align: center;'><img id="cover" src="../library/${row.cells[1].data}" alt="no"></div>`);
        }
        },
        { name: "Link", sort:{enabled: false},
            formatter: (cell, row) => {
            return gridjs.html(`<div id='link_format'><span id='visible_link'>${row.cells[3].data}</span><br><a href='${row.cells[3].data}' target='_blank'><div id='visit'>Visit</div></a></div>`);
        }},
        { name: "Status"},
        { name: "Views"},
        { name: "Stars" },
        { name: "Bookmarked"},
        { name: "Action",
            sort:{enabled: false},
            formatter: (cell, row) => {
            return gridjs.html(`<a href='edit.php?file=${row.cells[2].data}' onclick="window.open('edit.php?file=${row.cells[2].data}', 
                            'newwindow', 
                            'width=300,height=250'); 
                return false;"><div id='edit'>Edit</div></a>
                
                
                    <a href='../library/view.php?view=${row.cells[2].data}' onclick="window.open('../library/view.php?view=${row.cells[2].data}', 
                                'newwindow', 
                                'width=320,height=580'); 
                    return false;" target='_blank'><div id='mobile'>Mobile</div></a>
                `);
            }
        }
],
    data: [
    <?php
        echo $data_implode;
        ?>
],
sort: true,
search: {
    enabled: true,
    debounceTimeout: 500,

},
style: {
    table: {
        border: '3px solid #ccc',
    },
},
fixedHeader: true,
pagination: {
    enabled: true,
    limit: 3
}

}).render(document.getElementById("wrapper"));
</script>
</div>
</div> 

如果成功，ajax应该刷新表，但它不起作用。只是一片空白，没有显示，整张桌子都不见了。刷新整个页面并显示新添加的项，但我不想那样做。

Answer 1

刷新保存表的div不起作用，所以我最后使用了这段代码，并且它工作了。

$('body').load('dashboard.php');