bootstrapTable請求資料時,如何設定超時(timeout)?
阿新 • • 發佈:2019-01-09
使用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}}
});