如何顯示loding圖像，而阿賈克斯呼籲

我需要顯示加載圖像，而阿賈茲被稱爲.... 我做了一些這方面的工作.... 但它沒有幫助 ...它沒有顯示加載圖像.... ，我想阻止畫面時圖像載入中... 我的阿賈克斯在這裏...以下如何顯示loding圖像，而阿賈克斯呼籲

----ajax--- 

function checkEmail(value_email_mobile) { 

       // before the request, show the GIF 
       //$('#loader').show(); 
       if (value_email_mobile !== '') { 

        //alert('te'); 
        $.ajax({ 
         type: "POST", 
         url: url_check_user_avail_status, 
         data: "value_email_mobile="+value_email_mobile, 
         success: function(msg) { 

          //alert(msg); 

          //$('#psid').html("<img src='images/spacer.gif'>"); 
           $('#loader').hide(); 
          $('#validation').html(msg); 


          // 

          //$('#sid').sSelect({ddMaxHeight: '300px'}); 

         }, 
         error: function() { 
          //alert('some error has occured...'); 
         }, 
         start: function() { 
          //alert('ajax has been started...'); 
          $("#loader").show(); 
         } 
        }); 
       } 
      } 

------html-- 

<div id="loader" style="display:none;"><img src="<wait.png" ></div>

來源

2014-06-21 user3755482

是因爲您的圖像名稱中有拼寫錯誤嗎？ '' – abraham

我認爲'start'不是一個有效的參數。只需將'$（'＃loader'）。show（）;'行移至AJAX調用之前。 – christian314159

$就沒有start方法。相反，您可以在致電$.ajax之前顯示微調器，它會正常工作。

if (value_email_mobile !== '') { 

    $("#loader").show(); 

    $.ajax({ 
     type: "POST", 
     url: url_check_user_avail_status, 
     data: "value_email_mobile="+value_email_mobile, 
     success: function(msg) { 
      $("#loader").hide(); 
     }, 
     error: function() {} 
    }) 

    // ...

來源

2014-06-21 07:26:42 hutchbat

請寫下此代碼是否適用於您的網站上的所有ajax請求。

$(document).ajaxStart(function() { 
    $("#loader").show(); 
});

然後寫入ajax停止代碼。

$(document).ajaxStop(function() { 
    $("#loader").hide(); 
});

來源

2014-06-21 07:33:32

一件事，你的形象標籤無效<img src="<wait.png" >應該像<img src="wait.png"/>

至於裝載機，$就具有所謂beforeSend的選項。您可以像這樣使用它：

   $.ajax({ 
        type: "POST", 
        url: url_check_user_avail_status, 
        data: "value_email_mobile="+value_email_mobile, 
        beforeSend: function() { 
            $("#loader").show(); 
           }, 
        success: function(msg) { // success code here 
         $("#loader").hide(); 
        });

來源

2014-06-23 23:42:39 joshboley

如何顯示loding圖像，而阿賈克斯呼籲

回答

相關問題