2011-11-08 2 views
2

jquery $ .Post 함수를로드하는 gif int를 넣는 빠르고 쉬운 방법이 있는지 궁금합니다. 나는 함수의 본문에 어떻게 든 넣어야 할 가능성이 높습니다. 나는 일종의 헤이즈 (haze)에서 페이지를 겹쳐서 표시하려고합니다. 회전식 gif를로드하거나 가로형 이발소 막대를 사용하면됩니다. 내 mvc 이미지 폴더에 이미 이미지를 가지고, 단지 그것을 구현하기위한 내 옵션을 알아낼 필요가있다.

감사

답변

4

나는 아약스 게시물을 시작하기 위해 발생하는 이벤트가 assmume? 이 경우 ajax를 호출하기 전에로드하는 이미지를 표시해야합니다. 그런 다음 호출이 반환되면로드하는 이미지를 숨길 필요가 있습니다. 예를 들어

:

$("#button").click(function() { 
    // show loading image 
    $("#loadingImage").show(); 

    $.ajax({ 
     type: 'POST', 
     url: url, 
     data: data, 
     success: function(data) { 
      // Your logic here... 

      // hide loading image 
      $("#loadingImage").hide(); 
     } 
    }); 
}); 

HTML

$ ("loadingImage")에 전화
<input type="button" id="button" value="Load data" /> 
<img src="loading.gif" id="loadingImage" style="display: none;" /> 
+0

쇼();. 정확히 무엇입니까? 또한 $ .ajax가 아닌 $ .post 호출입니다. 그들은 사실과 흡사하다. 나는 포스트가 아약스의 랩퍼라고 믿는다. 그래서 나는 아마도 post 함수의 함수 섹션에서 이것을 할 것입니다. – SoftwareSavant

+0

'.show()'는 이미지가 나타나는 것을 의미합니다. '.css ("display", "block")'와 같습니다. 당신은'$. post '가'$ .ajax'에 의지하여 두 가지 공유 방법을 사용한다는 것이 맞습니다. –

+0

인용구 사이의 부분은 무엇입니까? 그것이 내 GIF에 대한 링크인가? – SoftwareSavant