ajax启动后jsp页面中没有显示图像

Question

我的页面在ajax请求页面时没有显示gif图像。它是一个注册页面，同时点击提交按钮，它应该表现出旋转图像和成功

后应即消失，这是我的Ajax代码

$("#register-form").on("submit", function() { 
     var uname = $('#username').val(); 
     var phone = $('#phone').val(); 
     var mail = $('#email').val(); 
     // $(".loader").show(); 
     $.ajax({ 
      type : "POST", 
      url : "registerUser", 
      secureuri : false, 
      cache : false, 
      async : false, 
      data : { 
       "username" : uname, 
       "phone" : phone, 
       "email" : mail 
      }, 
      success : function(response) { 
       $(".status").fadeIn("slow"); 
       $(".loader").hide(); 
       $(".status").html(response); 

       if (response == "Please check your mail to verify account") { 
        $(".status").css({ 
         "border" : "1px solid green", 
         "background-color" : "#B2D47F" 
        }); 

       } 
      }, 
      error : function() { 
       alert("error occured"); 
      } 
     }); 
     return false; 
    }); 

我在这里ajaxstart

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

结合

但它没有显示..在我的代码中有什么问题吗？

Answer 1

尝试将beforeSend和complete处理程序添加到您的ajax调用中，并在其中显示/隐藏加载程序。这也可以在发生错误时起作用，因为如果你在success处理程序中隐藏加载程序并发生错误，那么在ajax完成后它将保持可见状态。

$.ajax({ 
     type : "POST", 
     url : "registerUser", 
     secureuri : false, 
     cache : false, 
     async : false, 
     data : { 
      "username" : uname, 
      "phone" : phone, 
      "email" : mail 
     }, 
     beforeSend : function() { 
      $(".loader").show(); 
     }, 
     success : function(response) { 
      ... 
     }, 
     error : function() { 
      alert("error occured"); 
     }, 
     complete : function() { 
      $(".loader").hide(); 
     }, 
    });