BootstrapTable請(qǐng)求數(shù)據(jù)時(shí)如何設(shè)置超時(shí)timeout方法

這篇文章主要為大家展示了“BootstrapTable請(qǐng)求數(shù)據(jù)時(shí)如何設(shè)置超時(shí)timeout方法”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“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提供了專門(mén)的loadsuccess方法，用于反映數(shù)據(jù)是否加載成功。

$table.on('load-success.bs.table',function(data){
  console.log("load success");
 });

以上是“BootstrapTable請(qǐng)求數(shù)據(jù)時(shí)如何設(shè)置超時(shí)timeout方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！