Php 如果内容是动态加载项,则分页和搜索不起作用<;t车身>;部分数据表

Php 如果内容是动态加载项,则分页和搜索不起作用<;t车身>;部分数据表,php,jquery,ajax,pagination,datatables,Php,Jquery,Ajax,Pagination,Datatables,我正在使用DataTables,其中onload显示一个记录列表示例10记录,在我添加下一条记录即第十一条记录(ajax)后,我在添加后不刷新所有记录,并将其附加到DataTables的部分,现在我的datatable显示了11条记录。但在分页的第一页。在这种情况下,10条记录应该出现在分页的第一页,第二页的第11条。但它不起作用 function save_data(){ $(document).ready(function(){ var form_data = $("#myf

我正在使用DataTables,其中onload显示一个记录列表示例10记录,在我添加下一条记录即第十一条记录(ajax)后,我在添加后不刷新所有记录,并将其附加到DataTables的
部分,现在我的datatable显示了11条记录。但在分页的第一页。在这种情况下,10条记录应该出现在分页的第一页,第二页的第11条。但它不起作用

function save_data(){

$(document).ready(function(){


     var form_data = $("#myform").serialize();

      $.ajax({
        url:'<?php echo base_url('reclist/save');?>',
        type:'post',
        datatype:'json',
        data: form_data,
        success: function(info){
             var json = JSON.parse(info);
             if(json.status){
                 var i;
                 for(i=0;i < json.err_input.length;i++){

                     $('input[name="'+json.err_input[i]+'"]').addClass('error');
                     $('input[name="'+json.err_input[i]+'"]').next().addClass('error_msg');
                      $('input[name="'+json.err_input[i]+'"]').next().text(json.err_msg[i]);
                    }
             }
             else{
                **var op = '';
                $.each(json.record,function(k,v){
                op+= "<tr>"+
                "<td>"+v.fname+"</td>"+
                "<td>"+v.lname+"</td>"+
                "<td>"+v.email+"</td>"+
                "</tr>";
                op+= v.fname;**
            });

            $("#rec_list_div").html(op);
            $("#result").html(json.response);
            $("#result").html(json.response);

             }
        },
        errror:function(XMLHttpRequest, textStatus, errorThrown){
            alert("Status: " + textStatus); alert("Error: " + errorThrown); 
        }
     });

      });
//});
}

<table id="example" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>First Name</th>
                <th>Last Name</th>
                <th>Email</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <th>First Name</th>
                <th>Last Name</th>
                <th>Email</th>
            </tr>
        </tfoot>
<tbody id="rec_list_div">
      <?php foreach($result as $k):?>
        <tr>
            <td><?php echo $k->fname;?></td>
            <td><?php echo $k->lname;?></td>
            <td><?php echo $k->email;?></td>
        </tr>
    <?php endforeach;       ?>
</tbody>
</table>
    </table>
函数保存_数据(){
$(文档).ready(函数(){
var form_data=$(“#myform”).serialize();
$.ajax({
url:“”,
类型:'post',
数据类型:'json',
数据:表格数据,
成功:功能(信息){
var json=json.parse(info);
if(json.status){
var i;
for(i=0;i
如果我理解正确,您可以在运行ajax调用后清除表并重新填充,对吗?在这种情况下,不是您的后端(/reclist/save)返回了错误数量的记录,而不是您的js吗?您已经用PHP标记了这个问题,但我在任何地方都没有看到PHP代码…我在后端得到了正确的记录,因为它出现在datatables中,但没有分页,是的,在ajax调用成功后,我用新记录替换了tbody部分,datatables插件自带自己的分页脚本。插件不知道您自己正在添加html行。您需要使用插件api来添加/删除数据,或者重置插件来执行您正在执行的操作如果我理解正确,请在运行ajax调用后清除该表并重新填充它,对吗?在这种情况下,不是您的后端(/reclist/save)返回了错误数量的记录,而不是您的js吗?您已经用PHP标记了这个问题,但我在任何地方都没有看到PHP代码…我在后端得到了正确的记录,因为它出现在datatables中,但没有分页,是的,在ajax调用成功后,我用新记录替换了tbody部分,datatables插件自带自己的分页脚本。插件不知道您自己正在添加html行。您需要使用插件api添加/删除数据,或者重置正在执行的插件