BootstrapTable请求数据时设置超时(timeout)的方法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了BootstrapTable请求数据时设置超时(timeout)的方法,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1174字,纯文字阅读大概需要2分钟。
内容图文
使用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)的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
内容总结
以上是互联网集市为您收集整理的BootstrapTable请求数据时设置超时(timeout)的方法全部内容,希望文章能够帮你解决BootstrapTable请求数据时设置超时(timeout)的方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。