2012-11-19 2 views
1

jquery ajax 호출이 데이터를 가져 오는 동안 어떻게 업데이트 진행 상황을 표시 할 수 있습니까?jQuery Ajax 호출 내에서 진행되는 화재 업데이트

+1

"업데이트 진행률"에 따라 다릅니다. 요청이 진행되는 동안 불확정 진도 표시 줄 (또는 회 전자)을 표시 할 수 있지만 의미있는 진행률 표시 줄을 표시하면 서버가 클라이언트에게 처리중인 위치를 알려야합니다. 그것은 긴 폴링이나 소켓으로 할 수 있습니다. –

+0

당신은 더 구체적이어야합니다. 젠드 프레임 워크는 UI를 업데이트 할 수 있습니다. 예 : http://framework.zend.com/manual/1.12/en/zend.progressbar.introduction.html – sdespont

답변

4
$.ajax({ 
      url : 
      type : 

      beforeSend : function() { 

      //Show some processing div 
       $('#loader').show(); 
      }, 
      success : function() { 
       /// Your code 
      }, 

      complete : function() { 
       //Hide the processing div 
       $('#loader').hide(); 
      } 
     }); 

처리하는 동안 표시 할 div를 만들 수 있습니다.

요청 바로 전에 호출 된 beforeSend 함수에서 div를 표시 할 수 있습니다. 요청이 완료되면 호출되는 complete 함수에서 숨 깁니다.