如何在sinatra中加载页面？

Question

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

 

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

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

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

Answer 1

这里是我建议：

• 使用Ajax启动后台任务。
• 在Ajax调用开始后显示加载gif。请参阅here。
• 当Ajax调用结束（$.ajax.complete）并返回预期响应时，重定向用户。