在jquery ajax上创建加载警报

时间:2016-10-18 07:52:08

标签: jquery ajax

我是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);
});         

1 个答案:

答案 0 :(得分:1)

您的代码的作用:“当有人点击提交按钮时,将这些事件处理程序添加到文档中”。您可以事先添加ajax处理程序:

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

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

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