BootstrapTable请求数据时设置超时(timeout)的方法


Posted in Javascript onJanuary 22, 2017

使用bootstrapTable获取数据时,有时由于网络或者服务器的原因,无法及时获取到数据,页面显示一直处于等待状态。为了改善效果,考虑设置超时,请求发送后超时即显示无数据,过段时间重新发起请求。

实现上,bootstrapTable通过ajax获取数据,可以使用ajaxOptions选项设置ajax的一些属性。

bootstrapTable要设置timeout,首先要将async属性设置为true,在bootstrapTable中async默认是false的。例如

$("#event_table").bootstrapTable({
 url: urlAddr,
 ajaxOptions: {async:true,timeout:5000},
});

另外,使用refresh方法加ajaxOptions,却没有作用:

$(“#event_table”).bootstrapTable('refresh', {
  url: api_url,
  ajaxOptions:{async:true,timeout:1000}
});

原因有待进一步深究。

下面看下在使用bootstrapTable获取数据时,如何获悉table数据是否加载成功?

bootstrapTable提供了专门的loadsuccess方法,用于反映数据是否加载成功。

$table.on('load-success.bs.table',function(data){
  console.log("load success");
 });

bootstrapTable使用文档,可参考http://bootstrap-table.wenzhixin.net.cn/documentation/

参考:

以上所述是小编给大家介绍的BootstrapTable请求数据时设置超时(timeout)的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Javascript中的数学函数集合
May 08 Javascript
jquery 仿QQ校友的DIV模拟窗口效果源码
Mar 24 Javascript
瀑布流布局并自动加载实现代码
Mar 12 Javascript
JS操作select下拉框动态变动(创建/删除/获取)
Jun 02 Javascript
Express作者TJ告别Node.js奔向Go
Jul 14 Javascript
浅谈javascript中this在事件中的应用
Feb 15 Javascript
JS+CSS实现六级网站导航主菜单效果
Sep 28 Javascript
Javascript基础教程之比较null和undefined值
May 16 Javascript
jquery插件canvaspercent.js实现百分比圆饼效果
Jul 18 jQuery
浅析js实现网页截图的两种方式
Nov 01 Javascript
微信小程序实现吸顶特效
Jan 08 Javascript
js实现无缝轮播图插件封装
Jul 31 Javascript
boostrapTable的refresh和refreshOptions区别浅析
Jan 22 #Javascript
Ajax跨域实现代码(后台jsp)
Jan 21 #Javascript
JavaScript、C# URL编码、解码总结
Jan 21 #Javascript
Vue结合原生js实现自定义组件自动生成示例
Jan 21 #Javascript
jQuery基于正则表达式的表单验证功能示例
Jan 21 #Javascript
一篇文章搞定JavaScript类型转换(面试常见)
Jan 21 #Javascript
超全面的JavaScript开发规范(推荐)
Jan 21 #Javascript
You might like
PHP中的array数组类型分析说明
2010/07/27 PHP
php导出excel格式数据问题
2014/03/11 PHP
php使用smtp发送支持附件的邮件示例
2014/04/13 PHP
php开启openssl的方法
2014/05/15 PHP
php使用redis的有序集合zset实现延迟队列应用示例
2020/02/20 PHP
JS+JSP checkBox 全选具体实现
2014/01/02 Javascript
js的隐含参数(arguments,callee,caller)使用方法
2014/01/28 Javascript
如何将php数组或者对象传递给javascript
2014/03/20 Javascript
纯JS实现根据CSS的class选择DOM
2014/03/22 Javascript
让table变成exls的示例代码
2014/03/24 Javascript
JS获取图片高度宽度的方法分享
2015/04/17 Javascript
jQuery ajaxSubmit 实现ajax提交表单局部刷新
2016/07/04 Javascript
BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)
2016/08/17 Javascript
BootStrap的select2既可以查询又可以输入的实现代码
2017/02/17 Javascript
nodejs入门教程五:连接数据库的方法分析
2017/04/24 NodeJs
javascript观察者模式实现自动刷新效果
2017/09/05 Javascript
详解微信小程序Page中data数据操作和函数调用
2017/09/27 Javascript
Vue filter介绍及其使用详解
2017/10/21 Javascript
JS设置自定义快捷键并实现图片上下左右移动
2019/10/17 Javascript
[02:08]DOTA2英雄基础教程 马格纳斯
2014/01/17 DOTA
基于python 处理中文路径的终极解决方法
2018/04/12 Python
Pandas:Series和DataFrame删除指定轴上数据的方法
2018/11/10 Python
python类中super() 的使用解析
2019/12/19 Python
CSS3 3D旋转rotate效果实例介绍
2016/05/03 HTML / CSS
蔻驰英国官网:COACH英国
2020/07/19 全球购物
数据库连接池的工作原理
2012/09/26 面试题
请写一个C函数,若处理器是Big_endian的,则返回0;若是Little_endian的,则返回1
2015/07/16 面试题
解决python 输出到csv 出现多空行的情况
2021/03/24 Python
科研先进个人典型材料
2014/01/31 职场文书
安全生产网格化管理实施方案
2014/03/01 职场文书
高中教师评语大全
2014/04/25 职场文书
卖房授权委托书样本
2014/10/05 职场文书
2015年世界艾滋病日活动总结
2015/03/24 职场文书
毕业论文答辩开场白
2015/05/27 职场文书
同学会演讲稿
2019/04/02 职场文书
JavaScript原型链详解
2021/11/07 Javascript