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 相关文章推荐
Open and Print a Word Document
Jun 15 Javascript
javascript while语句和do while语句的区别分析
Dec 08 Javascript
JavaScript使用IEEE 标准进行二进制浮点运算产生莫名错误的解决方法
May 28 Javascript
JS定时器实例详细分析
Oct 11 Javascript
推荐4个原生javascript常用的函数
Jan 12 Javascript
jQuery实现向下滑出的二级菜单效果实例
Aug 22 Javascript
JS实现的网页背景闪电闪烁效果代码
Oct 17 Javascript
浏览器兼容性问题大汇总
Dec 17 Javascript
bootstrap实现动态进度条效果
Mar 08 Javascript
Cookbook组件形式:优化 Vue 组件的运行时性能
Nov 25 Javascript
JS使用cookie保存用户登录信息操作示例
May 30 Javascript
vue 全局环境切换问题
Oct 27 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 XML数据解析代码
2010/05/26 PHP
php笔记之:文章中图片处理的使用
2013/04/26 PHP
PHP生成各种随机验证码的方法总结【附demo源码】
2017/06/05 PHP
Mac下关于PHP环境和扩展的安装详解
2019/10/17 PHP
Javascript 面向对象编程(一) 封装
2011/08/28 Javascript
下载文件个别浏览器文件名乱码解决办法
2013/03/19 Javascript
javascript实现禁止右键和F12查看源代码
2014/12/26 Javascript
JavaScript编写连连看小游戏
2015/07/07 Javascript
js倒计时简单实现方法
2015/12/17 Javascript
jQuery使用zTree插件实现树形菜单和异步加载
2016/02/25 Javascript
JS随机打乱数组的方法小结
2016/06/22 Javascript
微信小程序中使元素占满整个屏幕高度实现方法
2016/12/14 Javascript
BootStrap学习系列之布局组件(下拉,按钮组[toolbar],上拉)
2017/01/03 Javascript
vue2.0父子组件及非父子组件之间的通信方法
2017/01/21 Javascript
bootstrap弹出层的多种触发方式
2017/05/10 Javascript
vue 指定组件缓存实例详解
2018/04/01 Javascript
Taro集成Redux快速上手的方法示例
2018/06/21 Javascript
vue中el-upload上传图片到七牛的示例代码
2018/10/19 Javascript
vue - props 声明数组和对象操作
2020/07/30 Javascript
vue 自定指令生成uuid滚动监听达到tab表格吸顶效果的代码
2020/09/16 Javascript
nodejs处理tcp连接的核心流程
2021/02/26 NodeJs
jquery实现广告上下滚动效果
2021/03/04 jQuery
python opencv3实现人脸识别(windows)
2018/05/25 Python
Python全排列操作实例分析
2018/07/24 Python
Pycharm设置去除显示的波浪线方法
2018/10/28 Python
Python函数装饰器常见使用方法实例详解
2019/03/30 Python
Python实现数据结构线性链表(单链表)算法示例
2019/05/04 Python
Django 拆分model和view的实现方法
2019/08/16 Python
Pycharm配置PyQt5环境的教程
2020/04/02 Python
一级方程式赛车官方网上商店:F1 Store(支持中文)
2018/01/12 全球购物
最新计算机专业自荐信
2013/10/16 职场文书
触电现场处置方案
2014/05/14 职场文书
六一亲子活动总结
2014/07/01 职场文书
小学阳光体育活动总结
2014/07/05 职场文书
建筑工地资料员岗位职责
2015/04/13 职场文书
离婚被告代理词
2015/05/23 职场文书