BootstrapTable请求数据时设置超时(timeout)的方法
更新时间：2017年01月22日 09:07:54 投稿：mrr
使用bootstrapTable获取数据时，有时由于网络或者服务器的原因，无法及时获取到数据，页面显示一直处于等待状态。为了改善效果，考虑设置超时，请求发送后超时即显示无数据，过段时间重新发起请求
使用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/
参考:
boostrapTable的refresh和refreshOptions区别浅析
以上所述是小编给大家介绍的BootstrapTable请求数据时设置超时(timeout)的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
HTML DOM Viewer...2006-09-09
这篇文章主要为大家详细介绍了js实现无缝循环滚动的具体代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
经常使用document.getElementById，但对于更详细的细节可以参考下。2011-09-09
这篇文章主要介绍了JavaScript实现in-place思想的快速排序方法的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-08-08
所谓保持在底部就是: 在内容不超过一屏的情况下, 当浏览器窗口变小那行页脚文字会跟着向上浮动但还是保持在底部。当内容多出一屏时，他显示在网页的最下边，而不是窗口的最下边；2008-04-04
这篇文章主要为大家详细介绍了js实现滑块区间组件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-01-01
本文主要介绍了原生js仿浏览器滚动条效果的实例。具有很好的参考价值，下面跟着小编一起来看下吧2017-03-03
webpack踩坑系列之less-loader6.0.0的javascriptEnabled报错问题
这篇文章主要介绍了webpack踩坑系列之less-loader6.0.0的javascriptEnabled报错问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-01-01
这篇文章主要介绍了JS返回页面时自动回滚到历史浏览位置的相关知识,本文给大家使用的是SessionStorage来存储页面内容，在返回页面时重新加载，具体实现代码大家跟随小编一起看看吧2018-09-09
这篇文章主要给大家介绍了关于js对象合并与数组合并综合应用举例的相关资料,本文将介绍常见的JS对象合并和数组合并方法,帮助读者更好地理解和运用这些方法,需要的朋友可以参考下2023-11-11
最新评论