如何在點擊提交按鈕後將div顯示爲加載頁面？

Question

我有一個登錄表單，我可以獲取用戶名和密碼。

現在我需要在用戶點擊提交按鈕後顯示一個加載頁面。

我有一個包含「您的過程正在加載」的div。這個div需要在按下按鈕後使用Ajax調用進行加載。

我試着用下面的代碼，但它不起作用。

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#loading").bind("ajaxSend", function() { 
      $(this).show(); 
     }).bind("ajaxStop", function() { 
      $(this).hide(); 
     }).bind("ajaxError", function() { 
      $(this).hide(); 
     }); 
    }); 
</script> 

Answer 1

將它隱藏在您的ajax成功回調中。這樣的事情：

$(".your-loading-div").show(); 
$.ajax({ 
    url: 'mypage.html', 
    success: function(){ 
     $(".your-loading-div").hide(); 
    }, 
    error: function(){ 
     $(".your-loading-div").hide(); 
     alert('failure'); 
    } 
});