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 相关文章推荐
AJAX分页的代码(后台asp.net)
Feb 14 Javascript
浅析JavaScript中的typeof运算符
Nov 30 Javascript
jquery实现文本框数量加减功能的例子分享
May 10 Javascript
javascript基于DOM实现权限选择实例分析
May 14 Javascript
javascript生成不重复的随机数
Jul 17 Javascript
基于javascript实现根据身份证号码识别性别和年龄
Jan 22 Javascript
Bootstrap前端开发案例一
Jun 17 Javascript
js将table的每个td的内容自动赋值给其title属性的方法
Oct 13 Javascript
bootstrap监听滚动实现头部跟随滚动
Nov 08 Javascript
Angular X中使用ngrx的方法详解(附源码)
Jul 10 Javascript
vue实现输入框的模糊查询的示例代码(节流函数的应用场景)
Sep 01 Javascript
vue中实现高德定位功能
Dec 03 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 date函数常用时间处理方法
2015/05/11 PHP
通过修改Laravel Auth使用salt和password进行认证用户详解
2017/08/17 PHP
jQuery 常见学习网站与参考书
2009/11/09 Javascript
jQuery弹出(alert)select选择的值
2013/04/21 Javascript
jquery仿搜索自动联想功能代码
2014/05/23 Javascript
jquery图片切换插件
2015/03/16 Javascript
JavaScript实现的圆形浮动标签云效果实例
2015/08/06 Javascript
JavaScript String 对象常用方法总结
2016/04/28 Javascript
玩转JavaScript OOP - 类的实现详解
2016/06/08 Javascript
jQuery下拉菜单的实现代码
2016/11/03 Javascript
利用JS判断鼠标移入元素的方向
2016/12/11 Javascript
JavaScript之DOM插入更新删除_动力节点Java学院整理
2017/07/03 Javascript
jQuery选择器之属性过滤选择器详解
2017/09/28 jQuery
利用JS判断客户端类型你应该知道的四种方法
2017/12/22 Javascript
JSONP原理及应用实例详解
2018/09/13 Javascript
JS中的防抖与节流及作用详解
2019/04/01 Javascript
Node.js+ELK日志规范的实现
2019/05/23 Javascript
Python函数式编程指南(二):从函数开始
2015/06/24 Python
Windows下Eclipse+PyDev配置Python+PyQt4开发环境
2016/05/17 Python
浅谈Python中的zip()与*zip()函数详解
2018/02/24 Python
Django+Ajax+jQuery实现网页动态更新的实例
2018/05/28 Python
对python中array.sum(axis=?)的用法介绍
2018/06/28 Python
强悍的Python读取大文件的解决方案
2019/02/16 Python
Python模块future用法原理详解
2020/01/20 Python
image-set实现Retina屏幕下图片显示详细介绍
2012/12/24 HTML / CSS
图解CSS3制作圆环形进度条的实例教程
2016/05/26 HTML / CSS
瑞典最好的运动鞋专卖店:Sneakersnstuff
2016/08/29 全球购物
世界领先的豪华床上用品供应商之一:Bedeck Home
2019/03/18 全球购物
英国蛋糕装饰用品一站式商店:Craft Company
2019/03/18 全球购物
网络工程专业毕业生推荐信
2013/10/28 职场文书
宣传工作经验材料
2014/06/02 职场文书
帮一个朋友写的求职信
2014/08/09 职场文书
习总书记三严三实学习心得体会
2014/10/13 职场文书
团结友爱主题班会
2015/08/13 职场文书
MySql 缓存查询原理与缓存监控和索引监控介绍
2021/07/02 MySQL
xhunter1.sys可以删除嘛? win11提示xhunter1.sys驱动不兼容解决办法
2022/09/23 数码科技