BootstrapTable請(qǐng)求數(shù)據(jù)時(shí)設(shè)置超時(shí)(timeout)的方法
使用bootstrapTable獲取數(shù)據(jù)時(shí)，有時(shí)由于網(wǎng)絡(luò)或者服務(wù)器的原因，無(wú)法及時(shí)獲取到數(shù)據(jù)，頁(yè)面顯示一直處于等待狀態(tài)。為了改善效果，考慮設(shè)置超時(shí)，請(qǐng)求發(fā)送后超時(shí)即顯示無(wú)數(shù)據(jù)，過(guò)段時(shí)間重新發(fā)起請(qǐng)求。
實(shí)現(xiàn)上，bootstrapTable通過(guò)ajax獲取數(shù)據(jù)，可以使用ajaxOptions選項(xiàng)設(shè)置ajax的一些屬性。
bootstrapTable要設(shè)置timeout，首先要將async屬性設(shè)置為true，在bootstrapTable中async默認(rèn)是false的。例如
$("#event_table").bootstrapTable({
url: urlAddr,
ajaxOptions: {async:true,timeout:5000},
});
另外，使用refresh方法加ajaxOptions，卻沒(méi)有作用：
$(“#event_table”).bootstrapTable('refresh', {
url: api_url,
ajaxOptions:{async:true,timeout:1000}
});
原因有待進(jìn)一步深究。
下面看下在使用bootstrapTable獲取數(shù)據(jù)時(shí)，如何獲悉table數(shù)據(jù)是否加載成功？
bootstrapTable提供了專(zhuān)門(mén)的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請(qǐng)求數(shù)據(jù)時(shí)設(shè)置超時(shí)(timeout)的方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
- DataTables+BootStrap組合使用Ajax來(lái)獲取數(shù)據(jù)并且動(dòng)態(tài)加載dom的方法（排序，過(guò)濾，分頁(yè)等）
- BootStrap Table后臺(tái)分頁(yè)時(shí)前臺(tái)刪除最后一頁(yè)所有數(shù)據(jù)refresh刷新后無(wú)數(shù)據(jù)問(wèn)題
- Bootstrap Table從服務(wù)器加載數(shù)據(jù)進(jìn)行顯示的實(shí)現(xiàn)方法
- Bootstrap Table表格一直加載(load)不了數(shù)據(jù)的快速解決方法
- 利用ASP.NET MVC和Bootstrap快速搭建個(gè)人博客之后臺(tái)dataTable數(shù)據(jù)列表
- BootStrap中的table實(shí)現(xiàn)數(shù)據(jù)填充與分頁(yè)應(yīng)用小結(jié)
相關(guān)文章
本文通過(guò)具體的示例來(lái)給大家詳細(xì)解釋了下javascript的連續(xù)賦值問(wèn)題，十分的實(shí)用，有需要的小伙伴可以參考下。2015-07-07
全面解析Bootstrap中scrollspy（滾動(dòng)監(jiān)聽(tīng)）的使用方法
這篇文章主要為大家全面解析Bootstrap中scrollspy（滾動(dòng)偵聽(tīng)）的使用方法，感興趣的小伙伴們可以參考一下2016-06-06
Bootstrap的基本應(yīng)用要點(diǎn)淺析
BootStrap是基于HTML、CSS和JavaScript的框架，使你只需要寫(xiě)簡(jiǎn)單的代碼就可以很快的搭建一個(gè)還不錯(cuò)的前端框架，他是后端程序員的福音，使他們只需要專(zhuān)注業(yè)務(wù)邏輯，而無(wú)須浪費(fèi)太多的精力在界面設(shè)計(jì)上2016-12-12
JavaScript遍歷實(shí)現(xiàn)DFS算法和BFS算法
DFS(Depth?first?search)稱(chēng)作「深度優(yōu)先遍歷」，BFS(Breadth?first?search)稱(chēng)作「廣度優(yōu)先遍歷」。本文將通過(guò)JavaScript遍歷實(shí)現(xiàn)這兩種算法，需要的可以參考一下2023-01-01
在微信小程序中獲取用戶(hù)位置的詳細(xì)過(guò)程
小程序需要用戶(hù)授權(quán)獲取用戶(hù)位置,獲取到經(jīng)緯度請(qǐng)求數(shù)據(jù)列表并解析為城市地址,用戶(hù)選擇城市時(shí)把城市解析為經(jīng)緯度,下面這篇文章主要給大家介紹了關(guān)于如何在微信小程序中獲取用戶(hù)位置的相關(guān)資料,需要的朋友可以參考下2022-08-08
淺析JavaScript的幾種Math函數(shù),random(),ceil(),round(),floor()
本文主要對(duì)JavaScript的幾種Math函數(shù),random(),ceil(),round(),floor()的作用進(jìn)行簡(jiǎn)要解析，具有很好的參考價(jià)值，需要的朋友一起來(lái)看下吧2016-12-12
JS實(shí)現(xiàn)3D圖片旋轉(zhuǎn)展示效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)3D圖片旋轉(zhuǎn)展示效果代碼,可實(shí)現(xiàn)頁(yè)面元素的3D旋轉(zhuǎn)變換效果,涉及JavaScript動(dòng)態(tài)數(shù)學(xué)運(yùn)算的相關(guān)技巧,需要的朋友可以參考下2015-09-09
javascript查詢(xún)字符串參數(shù)的方法
這篇文章主要介紹了javascript查詢(xún)字符串參數(shù)的方法,實(shí)例分析了javascript獲取URL中對(duì)應(yīng)參數(shù)的使用技巧,需要的朋友可以參考下2015-01-01
今天小編就為大家分享一篇layui use 定義js外部引用函數(shù)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
js使用DOM操作實(shí)現(xiàn)簡(jiǎn)單留言板的方法
這篇文章主要介紹了js使用DOM操作實(shí)現(xiàn)簡(jiǎn)單留言板的方法,涉及javascript中DOM操作的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04