서블릿이 다음 페이지로 전달되기를 기다리는 동안 로더 표시

Question

나는 양식이있는 index.html을 가지고 있습니다. submit을 누르면 서블릿에 POST 요청을합니다. 이 서블릿은 무거운 것을 수행 한 다음 jsp로 전달합니다. 내가 원하는 것은 제출을 눌러 로더를 보여줄 때입니다. 자바 스크립트 (preventDefault 등)를 통해이 작업을 수행하는 방법을 알고 있습니다. 나는 그것을 원하지 않는다. 서블릿으로이를 수행 할 수 있습니까? 나는 로더만을 포함하는 "페이지"를 출력하려고 시도하고 있었고 무거운 물건을 처리하고 결국에는 JSP로 끝냈습니다. 그것은 작동하지 않았다. 웬일인지 index.html을 떠나지도 않습니다. 서블릿이 끝날 때까지 거기에 머무르며 결국 jsp로 전달됩니다.

당신은 form submit에 Ajax .. 가 ajax call loading 페이지를 표시 할 수 nedded things/ html을 반환하는 servlet에 만들 수 있습니다 당신의 도움

Answer 1

이것은 AJAX를 통해서만 가능합니다.

그래서 제출 버튼을 클릭하면로드하는 이미지가 표시되고 서블릿에 대한 ajax 호출이 생성됩니다. 서블릿이 처리되는 동안 로딩 이미지가 표시됩니다. Uppon은 Ajax 호출에서 복귀하면서 javascript를 사용하여 필요한 모든 작업 (다른 페이지로 전달/오류 표시 등)을 수행 할 수 있습니다.

은 내가보기 엔 더 읽을 수 있도록

$.ajax({ 
    type: 'POST', 
    url: '/myServlet', 
    data: { 
     name: $('#name').val() 
    }, 
    beforeSend:function(){ 
     // this is where we append a loading image 
    }, 
    success:function(data){ 
     // successful request; do something with the data    
    }, 
    error:function(){ 
     // failed request; give feedback to user 
    } 
}); 

Answer 2

주셔서 감사합니다. page을 리턴하여 form 또는 current page의 모든 값을 바꿀 수 있습니다. ajaxform submission이 같은 ususal 계속

후 ... 다른 Servlet이 완료 될 때 processing 당신은 result page로 리디렉션됩니다.