在等待帖子回覆時添加載入圖片

Question

我想添加一個載入圖片或更改鼠標光標，同時等待來自jquery中的帖子的回覆。

jQuery的

$.post(url,data, 
    function(response){ 
    //add a loading cursor to indicate that it is waiting for a response? 
    alert(response); 
}); 

我需要這個，因爲響應時間過長彈出。

有什麼想法嗎？感謝

Answer 1

改變光標剛在Ajax調用之前，並在成功處理程序改回：

$('body').css('cursor','wait'); 

$.post(url,data, function(response){ 
    $('body').css('cursor','default'); 
}); 

如果你使用$阿賈克斯你有幾個選項：

$.ajax({ 
    url : url, 
    data: data, 
    type: 'POST', 
    beforeSend: function() { 
     $('body').css('cursor','wait'); 
    } 
}).done(function(data) { 
    // do something with data 
}).fail(function() { 
    console.log('error'); 
}).always(function() { 
    $('body').css('cursor','default'); 
}); 

相同邏輯適用於加載圖像或任何你決定添加？

Answer 2

這是一個使用$ .ajax（）的選項。您需要在DOM中定義隱藏的加載圖像。

 $.ajax({                           
      type:'POST',                         
      ...                           
      beforeSend:function(){                       
       $('.loadingImg').show();                     
      },                            
      complete:function(){                       
       $('.loadingImg').hide();                  
      },                            
      ...                                       
     });