ajax成功后重新加载数据表

Question

我使用 JQuery 数据表。我在 ajax 成功将数据发送到 json 文件中的数据表 onclick 。第一次点击一切都很好，但下一次点击我只得到正确的数据和错误的 dataTables_info 值它总是显示 dataTables_info 的第一个值和分页和行也来自第一个结果。这是数据表中数据的第一次显示：

所有下一个点击我只得到正确的数据：对于这个例子，它们是显示在下面图片中的一个结果，但其他所有内容（信息，显示，分页）属于第一张图片中显示的第一个搜索：

在第二个例子中，当我点击分页的任何页面时，我得到第一页结果的内容！！这是我的功能 ONclick：

    $ ( '#ButtonPostJson' ).on('click',function() {

             $("tbody").empty();
             var forsearch = $("#searchItem").val();

    $.ajax({
        processing: true,
        serverSide: true,
        type: 'post',
        url: 'searchData.json',
        dataType: "json",
        data: mysearch,
       /* bRetrieve : true,*/

        success: function(data) {
            $.each(data, function(i, data) {
                var body = "<tr>";
                body    += "<td>" + data.name + "</td>";
               ..........................
               ..........................
                body    += "</tr>";
                $('.datatable-ajax-source table').append(body);

            })
        ;
            /*DataTables instantiation.*/
     $('.datatable-ajax-source table').dataTable();
    },

        error: function() {
            alert('Processus Echoué!');
        },
        afterSend: function(){
    $('.datatable-ajax-source table').dataTable().reload();
 /* $('.datatable-ajax-source table').dataTable({bRetrieve : true}).fnDestroy();    
    $(this).parents().remove(); 
$('.datatable-ajax-source table').dataTable().clear();*/
    }
    });
    });

我尝试了一切，但我不知道我想念什么。我将这个 jquery 用于数据表：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>

谢谢。

Answer 1

喜欢就用吧

$('#product_table').DataTable().ajax.reload();

Answer 2

单击按钮时，您不需要清空表主体并使用 ajax 再次启动 DataTable。

您只需再次调用 ajax，因为您已经启动了文档就绪功能。

只需使用：

$("#Table_id").ajax.reload();

检查下面的链接，您会有更好的想法。

https://datatables.net/reference/api/ajax.reload()