Javascript 在jQueryAjax发布之前暂停

因为我正在处理的页面是一个intranet页面，所以我的AJAX调用和响应都非常快速。出于可用性的考虑，我想暂停1-2秒以显示正在加载的动画。下面是我尝试过的，但动画几乎看不见

$(document).ready(function(){ 
    $('#wait').hide();
    $('#submitform').click(function(){
    $('#wait').show();
    $.ajax({
        type: "POST",
        url: "abs_newabs_check.asp",
        data: { StaffID: $("#suggest1").val() },
        success: callback
    });

});
});

function callback(data, status)
{
    $('#wait').hide();
    $("#ajaxdiv").html(data);
}

---

向回调函数添加setTimeout调用：

function callback(data,status) {
  setTimeout(function() {
    $("#wait").hide();
    $("#ajaxdiv").html(data);
  }, 1500);
}

---

注意。如果我没有弄错的话，数据参数将作为闭包传递到匿名函数中

使用setTimeout函数

setTimeout("alert('5 seconds has passed.');",5000);

---

我不得不建议你考虑另一种增加可用性的方法，你现在正在放慢服务速度来帮助用户。如何使用这种方式，您可以显示页面上的某些内容已更改，并且不会减慢系统的速度

---

这里有一个相关的问题可能会有所帮助

“我想让我的应用程序慢一点”，这是一个多么有趣的想法：-）谢谢你。我已经在加载动画时实现了这一点。