在jquery ajax上創建一個加載警報

Question

我是一個JavaScript的新手。我試圖創建一個應用程序，我可以提醒用戶在加載時等待。我的目的是在用戶獲得數據提交成功與否之前獲得警報之前，加載欄消失。然而，問題是加載欄保持可見，直到在警報窗口上按下確定。

$("#bkssubmit").click(function(){ 
$(document).ajaxStart(function(){ 
    $("#wait").css("display", "block"); 
}); 
$(document).ajaxComplete(function(){ 
    $("#wait").css("display", "none"); 
}); 
var data=$("#myForm :input").serializeArray(); 
$.post($("#myForm").attr("action"),data,function(info){ 
$("#result").html(info); 
});   

Answer 1

你的代碼的作用是：「當有人點擊提交按鈕時，將這些事件處理程序添加到文檔中」。雖然你可以手前添加AJAX的處理程序：

$(document).ajaxStart(function(){ 
    $("#wait").css("display", "block"); 
}); 

$(document).ajaxComplete(function(){ 
    $("#wait").css("display", "none"); 
}); 

$("#bkssubmit").click(function(){ 
    // your ajax stuff 
});