BootstrapTable請求數(shù)據(jù)時設(shè)置超時(timeout)的方法
使用bootstrapTable獲取數(shù)據(jù)時,有時由于網(wǎng)絡(luò)或者服務(wù)器的原因,無法及時獲取到數(shù)據(jù),頁面顯示一直處于等待狀態(tài)。為了改善效果,考慮設(shè)置超時,請求發(fā)送后超時即顯示無數(shù)據(jù),過段時間重新發(fā)起請求。
實現(xiàn)上,bootstrapTable通過ajax獲取數(shù)據(jù),可以使用ajaxOptions選項設(shè)置ajax的一些屬性。
bootstrapTable要設(shè)置timeout,首先要將async屬性設(shè)置為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獲取數(shù)據(jù)時,如何獲悉table數(shù)據(jù)是否加載成功?
bootstrapTable提供了專門的loadsuccess方法,用于反映數(shù)據(jù)是否加載成功。
$table.on('load-success.bs.table',function(data){ console.log("load success"); });
bootstrapTable使用文檔,可參考http://bootstrap-table.wenzhixin.net.cn/documentation/
參考:
boostrapTable的refresh和refreshOptions區(qū)別淺析
以上所述是小編給大家介紹的BootstrapTable請求數(shù)據(jù)時設(shè)置超時(timeout)的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- DataTables+BootStrap組合使用Ajax來獲取數(shù)據(jù)并且動態(tài)加載dom的方法(排序,過濾,分頁等)
- BootStrap Table后臺分頁時前臺刪除最后一頁所有數(shù)據(jù)refresh刷新后無數(shù)據(jù)問題
- Bootstrap Table從服務(wù)器加載數(shù)據(jù)進行顯示的實現(xiàn)方法
- Bootstrap Table表格一直加載(load)不了數(shù)據(jù)的快速解決方法
- 利用ASP.NET MVC和Bootstrap快速搭建個人博客之后臺dataTable數(shù)據(jù)列表
- BootStrap中的table實現(xiàn)數(shù)據(jù)填充與分頁應用小結(jié)
相關(guān)文章
全面解析Bootstrap中scrollspy(滾動監(jiān)聽)的使用方法
這篇文章主要為大家全面解析Bootstrap中scrollspy(滾動偵聽)的使用方法,感興趣的小伙伴們可以參考一下2016-06-06JavaScript遍歷實現(xiàn)DFS算法和BFS算法
DFS(Depth?first?search)稱作「深度優(yōu)先遍歷」,BFS(Breadth?first?search)稱作「廣度優(yōu)先遍歷」。本文將通過JavaScript遍歷實現(xiàn)這兩種算法,需要的可以參考一下2023-01-01淺析JavaScript的幾種Math函數(shù),random(),ceil(),round(),floor()
本文主要對JavaScript的幾種Math函數(shù),random(),ceil(),round(),floor()的作用進行簡要解析,具有很好的參考價值,需要的朋友一起來看下吧2016-12-12