ajaxStart（）顯示加載消息似乎並不工作

Question

我用戶jquery.ajax調用控制器的asp.net mvc ...我想顯示加載指標..我試過這個，但似乎沒有工作...

<div class="loading" style="padding-left:5px; margin-bottom:5px;display:none;"> 
     Loading...&nbsp 
</div> 

和我的jQuery Ajax調用看起來是這樣的，

function getMaterials(currentPage) { 
    $.ajax({ 
    url: "Materials/GetMaterials", 
     data: {'currentPage': (currentPage + 1) ,'pageSize':5}, 
     contentType: "application/json; charset=utf-8", 
     global: false, 
     async: false, 
     dataType: "json", 
     success: function(data) { 
      var divs = ''; 
      $("#ResultsDiv").empty(); 
      $.each(data.Results, function() { 
       //my logic here....    
       $(".loading").bind("ajaxStart", function() { 
       $(this).show(); 
       }).bind("ajaxStop", function() { 
       $(this).hide(); 
       }); 
      } 
    }); 
    return false; 
} 

我裝載指標doen't似乎使用到showup ..任何建議....

Answer 1

.ajax()你應該打電話：

beforeSend: function(xmlHttpRequest){ 
    // show anything here 
} 

和

complete: function(xmlHttpRequest, status){ 
    // hide it again 
} 

Answer 2

ajaxStart和beforeSend不工作對Firefox，但不是所有的瀏覽器（例如Safari），當我們發送與異步Ajax調用：假的。我仍然在爲這個問題尋找解決方案