在项目中,页面初始化的时候,通过通过向后台请求数据,页面初始化完之后,datatable是有数据的,当我点击页面的搜索按钮(按照时间过滤数据),datatable的数据要能重新刷新或者重载;这一点,我的实现是直接从数据库中查询,目前的数据量比较小,还没必要用到缓存,此时,由于初做web,遇到了好多问题,诸如datatable cannot initial 等等问题, 
datatable初始化的代码:

$(document).ready(function() {$('#example1').DataTable({"bPaginage": false, "sPaginationType": "full_numbers", "oLanguage": { "sLengthMenu": "每页显示 _MENU_ 条", "sZeroRecords": "没有找到符合条件的数据", "sInfo": "当前第 _START_ - _END_ 条 共计 _TOTAL_ 条", "sInfoEmpty": "没有记录", "sInfoFiltered": "(从 _MAX_ 条记录中过滤)", "sSearch": "搜索", "sProcessing": "数据加载中...", "oPaginate": { "sFirst": "首页", "sPrevious": "上一页", "sNext": "下一页", "sLast": "尾页" } }, "aoColumns": [ { "sDefaultContent": "", fnRender: function (obj) { return "<input type='checkbox' name='checkbox1'/>" } }, {"mData": "column_name"}, {"mData": "data_type"}, {"mData": "column_comment"} ] }); $('#example2').DataTable({ "bProcessing":false, "bFilter" : true, "bPaginate": true, "sPaginationType": "full_numbers", "bSort": true, "oLanguage": { "sLengthMenu": "每页显示 _MENU_ 条", "sZeroRecords": "没有找到符合条件的数据", "sInfo": "当前第 _START_ - _END_ 条 共计 _TOTAL_ 条", "sInfoEmpty": "没有记录", "sInfoFiltered": "(从 _MAX_ 条记录中过滤)", "sSearch": "搜索", "sProcessing": "数据加载中...", "oPaginate": { "sFirst": "首页", "sPrevious": "上一页", "sNext": "下一页", "sLast": "尾页" } }, "aoColumns": [ {"mData": "column_name"}, { "sDefaultContent": "", fnRender: function (obj) { return "<input type='checkbox' name='checkbox2'/>" } }, { "sDefaultContent": "", fnRender: function (obj) { return "<button class='btn' " + "style='margin-top: -2px;margin-bottom: -18px;padding-top: 3px;height: 24px!important;" + "font-size: 8px;color: snow' " + "onclick=dl(this)>删除</button>" } } ] }); }); var table2 = $('#example2').dataTable(); oSettings = table2.fnSettings(); $.getJSON("transform.action?data="+data.join(","), null, function( json ) { for (var i=0; i<json.aaData.length; i++) { table2.oApi._fnAddData(oSettings, json.aaData[i]); } oSettings.aiDisplay = oSettings.aiDisplayMaster.slice(); table2.fnDraw(); }); //也许你还可能用到这几个方法: table = $('#e xample1').dataTable(); oSettings = table.fnSettings(); table.fnClearTable(this);

一个简单的方法… 
$(‘YourDataTableID’).dataTable()._fnAjaxUpdate(); 
它将通过与非常简单的ajax请求刷新数据。

转载于:https://www.cnblogs.com/telwanggs/p/7418804.html

bootstrap datatable 数据刷新问题相关推荐

  1. ajax刷新数据库数据,ajax删除数据刷新数据库

    ajax删除数据刷新数据库 内容精选 换一换 DWS数据连接创建完成后,用户可以在右侧区域中管理DWS数据连接的数据库模式.已新建DWS数据连接,请参见新建数据连接.已新建DWS数据库,请参见新建数据 ...

  2. c# applibrary实现一个Sheet表中存放多张DataTable数据

    1.工具类(applibrary.dll) public class ExcelHelper {/// <summary>/// 文件名/// </summary>public ...

  3. powerbi实时刷新mysql数据库_PowerBI开发 第七篇:数据集和数据刷新

    PowerBI报表是基于数据分析的引擎,数据真正的来源(Data Source)是数据库,文件等数据存储媒介,PowerBI支持的数据源类型多种多样.PowerBI Service(云端)有时不直接访 ...

  4. android listview 数据同步,android中ListView数据刷新时的同步方法

    本文实例讲述了android中ListView数据刷新时的同步方法.分享给大家供大家参考.具体实现方法如下: public class Main extends BaseActivity { priv ...

  5. 将DataTable 数据插入 SQL SERVER 数据库

    原文:将DataTable 数据插入 SQL SERVER 数据库 以下提供3中方式将DataTable中的数据插入到SQL SERVER 数据库: 一:使用sqlcommand.executenon ...

  6. Flutter StatefulBuilder 用来实现局部数据刷新

    志在巅峰的攀登者,不会陶醉在沿途的某个脚印之中,在码农的世界里,优美的应用体验,来源于程序员对细节的处理以及自我要求的境界,年轻人也是忙忙碌碌的码农中一员,每天.每周,都会留下一些脚印,就是这些创作的 ...

  7. 不生成Excel文件,将Datatable数据 Response.write 输出生成Excel (转载)

    不生成Excel文件,将Datatable数据 Response.write 输出生成Excel using System; using System.Data; using System.Confi ...

  8. react-native-echarts 解决数据刷新闪烁,不能动态连续绘制问题(转载)

    react-native-echarts 解决数据刷新闪烁,不能动态连续绘制问题(转载) 参考文章: (1)react-native-echarts 解决数据刷新闪烁,不能动态连续绘制问题(转载) ( ...

  9. 11300001数据集配置错误_Power BI 中的数据刷新(二)

    接着上篇文章我们接着谈谈Power BI 中的数据刷新(二) 查看数据基础结构依赖项 无论采用哪种存储模式,都必须能够访问基础数据源,否则将无法成功刷新数据. 有三种主要的数据访问方案: 数据集使用驻 ...

最新文章

  1. 微信在诺基亚手机登录服务器繁忙,马化腾正式宣布:禁止在该手机上登录QQ和微信?网友:诺基亚再见...
  2. 【node】------mongoose的基本使用------【巷子】
  3. 搭建mongodb集群(副本集+分片)
  4. coreData数据操作
  5. RabbitMQ,RabbitMQ 的工作模式,Spring 整合 RabbitMQ,Springboot 整合RabbitMQ
  6. springboot使用ImportBeanDefinitionRegistrar 动态注册bean
  7. CDH中hue使用oozie调度的文件注意事项
  8. C#二进制流的序列化和反序列化操作
  9. mysql 分页拦截器_MyBatis 拦截器 (实现分页功能)
  10. 浙江独立学院计算机专业排名2015,2014-2015年中国独立学院排名
  11. RecyclerView使用中遇到的问题
  12. 单片机毕设选题 - stm32心率脉搏血压体征监测手表(嵌入式 物联网)
  13. D-028 DDR3硬件电路设计
  14. javascript事件流的原理
  15. 表单_内置Filed
  16. java后端实现集成支付宝APP支付(沙箱环境)
  17. Excel怎么样可以快速删除空白表
  18. 可视门铃竟然可以泄露WiFi密码
  19. Bugku杂项——图穷匕见
  20. 松鼠的新家(树上点差分 + LCA)

热门文章

  1. (20)System Verilog接口interface设计示例
  2. java 熔断_熔断理解 - THISISPAN - 博客园
  3. 16. GD32F103C8T6入门教程-adc 使用教程2-dma+连续扫描方式采集数据
  4. 5003.c++定义hpp文件
  5. 蚌埠学院计算机科学技术校区,蚌埠学院计算机科学与关键技术(6页)-原创力文档...
  6. 【C语言】数列有序(一维数组处理)
  7. gcc生成的汇编和keil生成的汇编_Linux编译工具:gcc入门
  8. mysql建立索引的优缺点|创建索引alter或create索引分类(PRIMARY KEY,UNIQUE KEY,FULLTEXT,INDEX)作用查看索引show index from table
  9. ROS:定制自己的消息类型msg
  10. 嵌入式Linux系统编程学习之二十二内存映射