让Bootstrap的dataTable在重新设置了查询条件后进行不跳转页面ajax刷新
2018-02-20 22:14
706 查看
Bootstrap的dataTable控件,在重新设置条件查询后,该如何把数据刷到dataTable里?
因为dataTable很多案例都是直接刷新页面后填写进dataTable的,并没有在之后重新构造查询条件进行查询的案例。
可以这样子修改:
var url="../../xxx_xxx_servlet_action?action=get_record&time_from=xxx&time_to=xxx";
var oTable = $("#record_list").dataTable();
var oSettings = oTable.fnSettings();
oSettings.sAjaxSource =url;
oTable.fnDraw();
这样就可以动态的刷新Bootstrap的dataTable了,重新构造查询条件,ajax更新。
因为dataTable很多案例都是直接刷新页面后填写进dataTable的,并没有在之后重新构造查询条件进行查询的案例。
可以这样子修改:
var url="../../xxx_xxx_servlet_action?action=get_record&time_from=xxx&time_to=xxx";
var oTable = $("#record_list").dataTable();
var oSettings = oTable.fnSettings();
oSettings.sAjaxSource =url;
oTable.fnDraw();
这样就可以动态的刷新Bootstrap的dataTable了,重新构造查询条件,ajax更新。
相关文章推荐
- ajax请求后根据条件进行页面跳转
- 关于ajax请求后台接口无法进行页面跳转的问题
- 查询条件在刷新页面后继续显示
- 关于ajax请求后台接口无法进行页面跳转的问题
- ssh用ajax提交表单到后台,后台返回success,不跳转到在struts.xml中设置的页面
- Jquery, Ajax无刷新翻页,支持跳转页面
- 通过配置http拦截器,来进行ajax请求验证用户登录的页面跳转
- jquery mobile页面跳转后,必须重新刷新页面js方可有效
- bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
- jquery mobile页面跳转后,必须重新刷新页面js方可有效
- Ajax写分页查询(实现不刷新页面)
- Ajax 异步查询 ,刷新页面的一部分
- js页面跳转和js对iframe进行页面跳转、刷新
- Bootstrap+jq+jqajax+php+数据库增删改查源码(跳转页面版)
- Jquery, Ajax无刷新翻页,支持跳转页面
- jquery mobile页面跳转后,必须重新刷新页面js方可有效
- 参数传递 - 刷新页面后保留查询条件
- 在导航栏里,点击节点,触发页面刷新,重新读取数据库,并重新进行控件内容绑定,速度很慢,如何解决
- HTML中使用Ajax进行局部刷新页面
- 刷新、前进、后退、离开页面,使用ajax对数据库进行操作