sinatra에서 로딩 페이지를 만드는 방법은 무엇입니까?

Question

내 응용 프로그램이 백엔드에서 무언가를하고있는 동안 로딩 페이지를 만드는 가장 좋은 방법은 무엇인지 모르겠지만 처리하는 데는 상당한 시간이 걸립니다. 내가 지금하고있는 일은 로딩 GIF가있는 페이지를 가지고 자바 스크립트를 사용하여로드하는 데 오랜 시간이 걸리는 페이지로 리디렉션하는 것입니다.

 

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

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

그래서 세부 정보 페이지로드에는 약 10 초가 걸립니다. 이 방법으로/detail 페이지가로드되는 동안 브라우저는 로딩 GIF 회전을 표시합니다. 이것을 달성하기위한 다른 방법이 있습니까?

Answer 1

는 여기가 좋을 것 무엇 :

는 Ajax를 사용하여 백그라운드 작업을 시작
• .
• Ajax 호출이 시작된 후로드 gif를 표시합니다. here을 참조하십시오.
• Ajax 호출이 ($.ajax.complete)을 초과하고 예상되는 응답을 반환하면 사용자를 리디렉션하십시오.