小编Med*_*ali的帖子

ajax成功后重新加载数据表

我使用 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é!'); …
Run Code Online (Sandbox Code Playgroud)

javascript ajax datatable jquery datatables

8
推荐指数
2
解决办法
9万
查看次数

标签 统计

ajax ×1

datatable ×1

datatables ×1

javascript ×1

jquery ×1