|
使用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)的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！ | 
发表于 2018-12-25 04:07:54
