bootstrapTable请求数据时,如何设置超时(timeout)?

来源:互联网 发布:淘宝怎么看搜索关键词 编辑:程序博客网 时间:2024/06/10 11:53

使用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}});

换用refreshOptions方法却没问题。
原因有待进一步深究。
=====补上原因=====
refresh方法加ajaxOptions的正确使用方法是:

$(#event_table”).bootstrapTable('refresh', {        url: api_url,        query:{ajaxOptions:{async:true,timeout:1000}}});
0 0
原创粉丝点击