[JQUERY] JQuery와 아약스로드 이미지

JQuery와 아약스로드 이미지

해결법

1. ---

   1.이 같은 시도 :

   이 같은 시도 :

   <div id="LoadingImage" style="display: none">
     <img src="" />
   </div>
   
   <script>
     function ajaxCall(){
       $("#LoadingImage").show();
         $.ajax({ 
           type: "GET", 
           url: surl, 
           dataType: "jsonp", 
           cache : false, 
           jsonp : "onJSONPLoad", 
           jsonpCallback: "newarticlescallback", 
           crossDomain: "true", 
           success: function(response) { 
             $("#LoadingImage").hide();
             alert("Success"); 
           }, 
           error: function (xhr, status) {  
             $("#LoadingImage").hide();
             alert('Unknown error ' + status); 
           }    
         });  
       }
   </script>
   

2. ---

   2.이 사용 jQuery.ajaxStart 및 jQuery.ajaxStop을 수행해야합니다.

   이 사용 jQuery.ajaxStart 및 jQuery.ajaxStop을 수행해야합니다.

   <div id="loading" style="display:none">Your Image</div>
   
   <script src="../../Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
   <script>
       $(function () {
           var loading = $("#loading");
           $(document).ajaxStart(function () {
               loading.show();
           });
   
           $(document).ajaxStop(function () {
               loading.hide();
           });
   
           $("#startAjaxRequest").click(function () {
               $.ajax({
                   url: "http://www.google.com",
                   // ... 
               });
           });
       });
   </script>
   
   <button id="startAjaxRequest">Start</button>
   

3. ---

   3.그것 늦게 비트하지만 특별히 사업부를 사용하지 않는 경우에, 나는 보통 이런 식으로 할 ...

   그것 늦게 비트하지만 특별히 사업부를 사용하지 않는 경우에, 나는 보통 이런 식으로 할 ...

   var ajax_image = "<img src='/images/Loading.gif' alt='Loading...' />";
   $('#ReplaceDiv').html(ajax_image);
   

   ReplaceDiv는 아약스가 너무 삽입하는 사업부입니다. 도착하면 그래서 이미지가 대체됩니다.

4. ---

   4.점에 유의하시기 바랍니다: ajaxStart / ajaxStop 아약스 JSONP 요청에 대해 작동하지 않습니다 (아약스 JSON 요청 괜찮습니다)

   점에 유의하시기 바랍니다: ajaxStart / ajaxStop 아약스 JSONP 요청에 대해 작동하지 않습니다 (아약스 JSON 요청 괜찮습니다)

   이 글을 쓰는 동안 JQuery와 1.7.2를 사용하고 있습니다.

   여기 내가 찾은 기준 중 하나입니다 : http://bugs.jquery.com/ticket/8338

from https://stackoverflow.com/questions/8761713/jquery-ajax-loading-image by cc-by-sa and MIT license