javascript - 如何在 sinatra 中有一个加载页面？

Question

我不确定在我的应用程序在后端执行某些操作时创建加载页面的最佳方法是什么，并且需要相当多的时间来处理。我现在正在做的是有一个带有加载 gif 的页面，然后使用 javascript 重定向到需要很长时间才能加载的页面。

%img{:src => "/images/loading.gif"}

:javascript
   $(function() {
      window.location.href="/detail"
   });

因此 /detail 页面大约需要 10 秒才能加载。这样，当 /detail 页面正在加载时，浏览器将显示正在加载的 gif 旋转。还有其他方法可以实现这一目标吗？

Answer 1

这是我的建议：

• 使用 Ajax 启动后台任务。
• 在 Ajax 调用开始后显示加载 gif。见这里。
• 当 Ajax 调用结束 ( $.ajax.complete) 并返回预期响应时，重定向用户。