Datatables重载数据的解决方案

来源：互联网发布：idm for mac 破解编辑：程序博客网时间：2024/06/07 06:56

花了不少时间来解决这个问题，做个笔记留个有需要的人。

其实用法很简单，国内的搜到的确实是解决方式，但是太过片面。

大家搜索到的方式有很多，其中不乏提到用fnReloadAjax()的，那我的解决方式也是采用的fnReloadAjax。

具体请看，首先如下代码是一个简单datatables的初始化代码：

var user_table = $('#usertable').dataTable({   // 这边必须要定义变量名，去接受初始化的dataTablesajax:{url:"../../user/getAllUser",type:"post",cache: false,data:{datemin:$("#datemin").val(),datemax:$("#datemax").val(),searchUser:$("#searchUser").val()}},sPaginationType: "full_numbers",// 设置分页按钮'language': {          'emptyTable': '没有数据',          'loadingRecords': '加载中...',          'processing': '查询中...',          'search': '检索: ',          'lengthMenu': '每页 _MENU_ 条',          'zeroRecords': '没有数据',          'paginate': {              'first':      '首页',              'last':       '尾页',              'next':       '下一页',              'previous':   '上一页'          },          'info': '第 _PAGE_ 页 / 总 _PAGES_ 页',          'infoEmpty': '没有数据',          'infoFiltered': '(过滤总件数 _MAX_ 条)'      },    "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",'bAutoWidth': true,"searching": false,"bSort":false,fnDrawCallback: function(){　　var api = this.api();　　api.column(1).nodes().each(function(cell, i) {　　　　cell.innerHTML =  i + 1;　　}); }, aoColumns: [{"data":id,'sClass': "text-center"},{"data":password,"sWidth": "100px",'sClass': "text-center"},                {"data":"login_id","sWidth": "10%",'sClass': "text-center"},                {"data":"user_name","sWidth": "10%",'sClass': "text-center"}]});

那这边大家都知道，上面的代码要成功，必须去引用JS文件datatables，代码如下：

<script type="text/javascript" src="../datatables/1.10.0/jquery.dataTables.min.js"></script>

那关键的来了我们该如何去刷新，代码大家见的很多，如下

function userSearchBtn() {    user_table.fnReloadAjax();   // 这边的user_table，是由初始化datatables的变量名}

那这边很多人，在运行后，都会提示：fnreloadajax is not a function，为什么呢？

因为还缺少了一个JS的引入，什么JS文件呢？如下

<script type="text/javascript" src="../datatables/1.10.0/fnReloadAjax.js"></script>

具体我的CSDN资源下载

CSDN点击下载

没有积分的童鞋，可以去官网上下载 http://www.datatables.net/plug-ins/api

完成代码如下：

调用方法如下：

1 0