在客户端使用Ajax使用HML数据源刷新dataTable

Question

我正在将Bootsrap dataTable与html数据源一起使用。我试图通过ajax调用每30秒刷新一次。 问题是刷新呼叫后搜索选项和键不起作用。

这是我的桌子：

<table id="datatable-buttons">
   <thead>
       <th>ID</th>
       <th>Name</th>
   </thead>
   <tbody id="tbody">
      <td onClick="funcion1();">1</td>
      <td onClick="funcion2();">TEST</td>
   </tbody>
</table>

这是我的JavaScript代码：

 window.setInterval(function(){
      var ajax = new XMLHttpRequest();
      var method = "GET";
      var url = "RefreshTable.php";
      var asynchronous = true ;
      ajax.open(method,url,asynchronous);
      ajax.send();
      ajax.onreadystatechange  = function()
      {
        if (this.readyState == 4 && this.status == 200)
        {
           document.getElementById('tbody').innerHTML = this.responseText ;
        }
      }
 }, 30000);

 // DataTable 
var table = $('#datatable-buttons').DataTable({

                "paging":   false,
                "ordering": false,
                keys : true ,
                 keys: {
                       keys: [ 13 /* ENTER */, 38 /* UP */, 40 /* DOWN */ ]
                       },
                stateSave: true,]
            });

这是RefreshTable.php

      <td onClick="funcion1();">2</td>
      <td onClick="funcion2();">TEST2</td>

我不明白为什么刷新后搜索功能不起作用。