使用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}
});
原因有待进一步深究。