刷新从MySQL DB填充的数据表的内容

Question

我想刷新从MySQL DB填充的数据表的内容。因此，由于DB可能会实时更新，我想在数据表的顶部添加Refresh按钮。我的代码如下：

<div id="refresh">
    <button id="refresh-table">Refresh</button>
    <br>
</div>

<script type="text/javascript" charset="utf-8">
         $(document).ready(function(){
              $('#tabbb').dataTable({
              "sPaginationType":"full_numbers",
              "aaSorting":[[5, "asc"]],
              "bJQueryUI":true
              });
              $(".refresh_table").click(function() {
                  table=$("#tabbb").dataTable();
                  table.fnPageChange("first",1);                  
              });             
     });
</script>

问题是，当我点击“刷新”按钮时，没有任何反应。

Answer 1

使用此：

$("#refresh-table").click(function() {
  var mytable = $('#tabbb').dataTable();
  mytable.fnDraw();
});

<强>更新

注意到按钮有class选择器，但按钮本身有id。因此，您需要更改选择器以绑定click。