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学习笔记(一) js基本语法
Oct 25 Javascript
JQuery获取与设置HTML元素的内容或文本的实现代码
Jun 20 Javascript
JavaScript中通过prototype属性共享属性和方法的技巧实例
Mar 13 Javascript
详解JavaScript语言的基本语法要求
Nov 20 Javascript
三种带箭头提示框总结实例
Jun 14 Javascript
微信小程序 教程之模板
Oct 18 Javascript
基于angular实现三级联动的生日插件
May 12 Javascript
bootstrap table插件的分页与checkbox使用详解
Jul 23 Javascript
JS实现去除数组中重复json的方法示例
Dec 21 Javascript
详解vue 路由跳转四种方式 (带参数)
Apr 28 Javascript
Vue项目中使用better-scroll实现菜单映射功能方法
Sep 11 Javascript
vuex的数据渲染与修改浅析
Nov 26 Vue.js
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网上调查系统
2006/10/09 PHP
PHP 的 __FILE__ 常量
2007/01/15 PHP
使用GROUP BY的时候如何统计记录条数 COUNT(*) DISTINCT
2011/04/23 PHP
基于MySQL分区性能的详细介绍
2013/05/02 PHP
php查询mysql数据库并将结果保存到数组的方法
2015/03/18 PHP
PHP设计模式之装饰者模式代码实例
2015/05/11 PHP
详解PHP5.6.30与Apache2.4.x配置
2017/06/02 PHP
Jquery下:nth-child(an+b)的使用注意
2011/05/28 Javascript
CSS+jQuery实现的一个放大缩小动画效果
2013/09/24 Javascript
angular ngClick阻止冒泡使用默认行为的方法
2016/11/03 Javascript
bootstrap下拉菜单使用方法解析
2017/01/13 Javascript
Vue.js结合Ueditor富文本编辑器的实例代码
2017/07/11 Javascript
AngularJs 延时器、计时器实例代码
2017/09/16 Javascript
JS实现小球的弹性碰撞效果
2017/11/11 Javascript
jQuery的Ajax接收java返回数据方法
2018/08/11 jQuery
node.js爬取中关村的在线电瓶车信息
2018/11/13 Javascript
使用layer模态框给新页面传值的方法
2019/09/27 Javascript
JS实现按比例缩小图片宽高
2020/08/24 Javascript
全面解析js中的原型,原型对象,原型链
2021/01/25 Javascript
Python的Flask框架中SQLAlchemy使用时的乱码问题解决
2015/11/07 Python
Python对象类型及其运算方法(详解)
2017/07/05 Python
详解如何用OpenCV + Python 实现人脸识别
2017/10/20 Python
python基础学习之如何对元组各个元素进行命名详解
2018/07/12 Python
解决python执行不输出系统命令弹框的问题
2019/06/24 Python
Python小程序 控制鼠标循环点击代码实例
2019/10/08 Python
毕业生的自我鉴定该怎么写
2013/12/02 职场文书
工程安全员岗位职责
2014/03/09 职场文书
租房协议书
2014/04/10 职场文书
讲解员培训方案
2014/05/04 职场文书
群众路线教育实践活动整改落实情况汇报
2014/10/28 职场文书
秦兵马俑导游词
2015/02/02 职场文书
库房管理员岗位职责
2015/02/12 职场文书
2015年学校工作总结范文
2015/04/20 职场文书
68句权威创业名言
2019/08/26 职场文书
Python使用openpyxl模块处理Excel文件
2022/06/05 Python
Go Grpc Gateway兼容HTTP协议文档自动生成网关
2022/06/16 Golang