javascript - 如何添加 "Loading..."图像以显示 vis.js 时间轴仍在获取数据并渲染它

标签 javascript jquery vis.js

我正在使用 vis.js 通过并行启动大约 60-70 个 REST 调用来显示计划时间线。时间线从其余回调获取数据并填充到其 View 中。然而,有时很难判断时间线是否仍在等待更多数据加载,或者是否已经完成。

当时间轴主动将新项目加载到其 View 中时,有没有办法显示“正在加载...”gif/图像?

我已经尝试过$.document(ready),但它似乎不适用于并行ajax调用。

最佳答案

这与时间轴本身无关,它是关于异步获取数据。

基本上你必须:

  • 在屏幕上显示加载图像
  • 统计已启动的 ajax 请求数量
  • 当 ajax 请求的响应到来时,将计数器减一(当调用失败时也是如此!)
  • 一旦计数器变为零,所有请求都会完成。然后隐藏加载图片
  • 如果任何请求失败,请在屏幕上显示错误消息

关于javascript - 如何添加 "Loading..."图像以显示 vis.js 时间轴仍在获取数据并渲染它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36266329/

相关文章:

Haxe 编译生成的 JavaScript 代码

javascript - 如何将值附加到 ES6 Map

javascript - 如何更改 vis.js 中的导航按钮颜色

javascript - 如何在 react-visjs-timeline 中调用方法

angularjs - 如何在angularjs中添加visjs事件?

javascript - 承载状态是什么意思,一个对象如何既承载又继承状态?

javascript - 无法通过 Polymer 2 中的 id 获取元素

javascript - 使用ajax删除来自数据库的具有动态ID的表行

javascript - jQuery fadeIn 使页面滚动到顶部/跳转

jQuery Cycle IE7+8 问题 - JPEG 上出现白色标记