脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → bootstrap table 请求

BootstrapTable请求数据时设置超时(timeout)的方法

 更新时间：2017年01月22日 09:07:54   投稿：mrr  
使用bootstrapTable获取数据时，有时由于网络或者服务器的原因，无法及时获取到数据，页面显示一直处于等待状态。为了改善效果，考虑设置超时，请求发送后超时即显示无数据，过段时间重新发起请求

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

原因有待进一步深究。

下面看下在使用bootstrapTable获取数据时，如何获悉table数据是否加载成功？

bootstrapTable提供了专门的loadsuccess方法，用于反映数据是否加载成功。

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

bootstrapTable使用文档，可参考http://bootstrap-table.wenzhixin.net.cn/documentation/

参考:

boostrapTable的refresh和refreshOptions区别浅析

以上所述是小编给大家介绍的BootstrapTable请求数据时设置超时(timeout)的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

相关文章

  • javascript连续赋值问题

    javascript连续赋值问题

    本文通过具体的示例来给大家详细解释了下javascript的连续赋值问题，十分的实用，有需要的小伙伴可以参考下。
    2015-07-07
  • 全面解析Bootstrap中scrollspy（滚动监听）的使用方法

    全面解析Bootstrap中scrollspy（滚动监听）的使用方法

    这篇文章主要为大家全面解析Bootstrap中scrollspy（滚动侦听）的使用方法，感兴趣的小伙伴们可以参考一下
    2016-06-06
  • Bootstrap的基本应用要点浅析

    Bootstrap的基本应用要点浅析

    BootStrap是基于HTML、CSS和JavaScript的框架，使你只需要写简单的代码就可以很快的搭建一个还不错的前端框架，他是后端程序员的福音，使他们只需要专注业务逻辑，而无须浪费太多的精力在界面设计上
    2016-12-12
  • JavaScript遍历实现DFS算法和BFS算法

    JavaScript遍历实现DFS算法和BFS算法

    DFS(Depth first search)称作「深度优先遍历」，BFS(Breadth first search)称作「广度优先遍历」。本文将通过JavaScript遍历实现这两种算法，需要的可以参考一下
    2023-01-01
  • 在微信小程序中获取用户位置的详细过程

    在微信小程序中获取用户位置的详细过程

    小程序需要用户授权获取用户位置,获取到经纬度请求数据列表并解析为城市地址,用户选择城市时把城市解析为经纬度,下面这篇文章主要给大家介绍了关于如何在微信小程序中获取用户位置的相关资料,需要的朋友可以参考下
    2022-08-08
  • 浅析JavaScript的几种Math函数,random(),ceil(),round(),floor()

    浅析JavaScript的几种Math函数,random(),ceil(),round(),floor()

    本文主要对JavaScript的几种Math函数,random(),ceil(),round(),floor()的作用进行简要解析，具有很好的参考价值，需要的朋友一起来看下吧
    2016-12-12
  • JS实现3D图片旋转展示效果代码

    JS实现3D图片旋转展示效果代码

    这篇文章主要介绍了JS实现3D图片旋转展示效果代码,可实现页面元素的3D旋转变换效果,涉及JavaScript动态数学运算的相关技巧,需要的朋友可以参考下
    2015-09-09
  • javascript查询字符串参数的方法

    javascript查询字符串参数的方法

    这篇文章主要介绍了javascript查询字符串参数的方法,实例分析了javascript获取URL中对应参数的使用技巧,需要的朋友可以参考下
    2015-01-01
  • layui use 定义js外部引用函数的方法

    layui use 定义js外部引用函数的方法

    今天小编就为大家分享一篇layui use 定义js外部引用函数的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • js使用DOM操作实现简单留言板的方法

    js使用DOM操作实现简单留言板的方法

    这篇文章主要介绍了js使用DOM操作实现简单留言板的方法,涉及javascript中DOM操作的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04

最新评论