1. 程式人生 > >bootstrapTable請求資料時,如何設定超時(timeout)?

bootstrapTable請求資料時,如何設定超時(timeout)?

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