Javery 프로세스 중 Jquery Ajax 게시 애니메이션?

Question

드롭 다운이 변경되면 내 mvc 앱에 아약스 게시물을 게시합니다.

$(function() { 
    $('#meters').change(function() { 
     var analizor_id = $(this).val(); 
     if (analizor_id && analizor_id != '') { 
      $.ajax({ 
       url: '@Url.Action("AnalizorInfoPartial", "Enerji")', 
       type: 'GET', 
       cache: false, 
       data: { analizor_id: analizor_id }, 
       success: function (result) { 
        $('#TableAnalizorInfo').html(result); 
       } 
      }); 
     } 
    }); 
}); 

드롭 다운

@Html.DropDownList("sno", new SelectList(Model, "sno", "AnalizorAdi"), "-- Analizör Seçiniz --", new { id = "meters" }) 

나는 아약스 과정에서 로딩 이미지 또는 다른 것을 보여줄 수 있습니까? (begin - finish 이벤트 사이)과 코드 예제?

편집 나는이 같은

를 사용할 수 있습니까?

success: function (result) { 
    $('#TableAnalizorInfo').html(result); 
} 
begin:function(){ 
    //show image 
} 
complete:function(){ 
    //hide image 
} 

감사합니다.

if (analizor_id && analizor_id != '') { 
    $.ajax({ 
     url: '@Url.Action("AnalizorInfoPartial", "Enerji")', 
     type: 'GET', 
     cache: false, 
     beforeSend: function() { 
      // Show your spinner 
     }, 
     complete: function() { 
      // Hide your spinner 
     }, 
     data: { analizor_id: analizor_id }, 
     success: function (result) { 
      $('#TableAnalizorInfo').html(result); 
     } 
    }); 
} 

하거나 global AJAX event handlers를 사용하여 페이지의 모든 AJAX 요청에 대해 전 세계적으로 그것을 할 수 : 물론

Answer 1

, 당신이 찾고있는 이벤트가 beforeSend 및 complete 있습니다 이것에 대한

$(document).ajaxSend(function() { 
    // Show your spinner 
}).ajaxComplete(function() { 
    // Hide your spinner 
});