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)文章
HTML DOM Viewer...2006-09-09
這篇文章主要為大家詳細介紹了js實現(xiàn)無縫循環(huán)滾動的具體代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
經(jīng)常使用document.getElementById，但對于更詳細的細節(jié)可以參考下。2011-09-09
JavaScript實現(xiàn)in-place思想的快速排序方法
這篇文章主要介紹了JavaScript實現(xiàn)in-place思想的快速排序方法的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
所謂保持在底部就是: 在內(nèi)容不超過一屏的情況下, 當瀏覽器窗口變小那行頁腳文字會跟著向上浮動但還是保持在底部。當內(nèi)容多出一屏時，他顯示在網(wǎng)頁的最下邊，而不是窗口的最下邊；2008-04-04
這篇文章主要為大家詳細介紹了js實現(xiàn)滑塊區(qū)間組件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
本文主要介紹了原生js仿瀏覽器滾動條效果的實例。具有很好的參考價值，下面跟著小編一起來看下吧2017-03-03
webpack踩坑系列之less-loader6.0.0的javascriptEnabled報錯問題
這篇文章主要介紹了webpack踩坑系列之less-loader6.0.0的javascriptEnabled報錯問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-01-01
這篇文章主要介紹了JS返回頁面時自動回滾到歷史瀏覽位置的相關(guān)知識,本文給大家使用的是SessionStorage來存儲頁面內(nèi)容，在返回頁面時重新加載，具體實現(xiàn)代碼大家跟隨小編一起看看吧2018-09-09
這篇文章主要給大家介紹了關(guān)于js對象合并與數(shù)組合并綜合應用舉例的相關(guān)資料,本文將介紹常見的JS對象合并和數(shù)組合并方法,幫助讀者更好地理解和運用這些方法,需要的朋友可以參考下2023-11-11