减慢 JQuery ajax 调用？

Question

我正在为 jquery 开发一个 ajax 登录系统，一切似乎都运行良好，我的问题是如何在成功显示 gif 加载图像之前减慢通话或暂停 x 秒？

代码：

$('.AJAX').on('submit', function(event) 
{
    event.stopPropagation();
    event.preventDefault();

    var This = $(this);
    var Data = {};

    This.find('[name]').each(function(Index, Value) {

    var This = $(this),
    Name = This.attr('name'),
    Value = This.val();

    Data[Name] = Value
});

$.ajaxSetup(
{
    beforeSend:function()
    {
        $('.Msg').html('<img src="../Assets/Pictures/Loading.gif" />');
    },
    complete:function()
    {
        $('.Msg').find('img').remove();
    }
});

$.ajax(
{
    url:'Log.php',
    type:'POST',
    data:Data,
    success:function(Data)
    {
        $('.Msg').html('<span style="color:red">' + Data + '</span>').hide().fadeIn('fast');
    });

    return false;
});

Answer 1

您可以使用基本的 setTimeout 来延迟操作：

success:function(Data) {
  setTimeout(function(){
       $('.Msg').html('<span style="color:red">' + Data + '</span>').hide().fadeIn('fast');
  }, 5000); // wait 5 seconds before showing the message
});

仅供参考 jQuery .delay() 延迟效果队列中的效果。 .html() 不是一个效果，所以它不会受到那个方法的影响。