Question

下面是我使用jQuery Ajax方法创建的Ajax代码。

$(".loading_msg").show();
$.ajax({
    type: "POST",
    url: "submit_ops.php?action=submit_form",
    data: $( "#frmMyForm" ).serialize(),
    success: function(result){
        if(result=='Success'){
            $("#msgContainer").html('<div style="color:#3CA322;font-weight:bold;font-size:14px;padding:10px;">Thank you.</div>');
            $("#msgContainer").fadeIn();
        }
        else{
            $("#msgContainer").html('<div style="color:red;font-size:12px;padding:10px;">' + result + '</div>');
            $("#msgContainer").fadeIn();
        }
    },
    error: function(){
        //console.log('error');
    },
    complete: function(){
        //console.log('complete');
        $(".loading_msg").hide();
        $("#submit").attr("disabled", false);
    }

});

所以逻辑是，每当Ajax请求即将发生时，

首先显示.login_msg容器
然后ajax调用
完成后，再次隐藏.loading_msg。

现在问题是，它应该没有顺利运作。因此，当进行ajax调用时，浏览器会挂起一秒钟，但不会显示加载消息。但是当请求完成后，登录消息会显示半秒钟，然后它会消失，因为我在请求完成时将其设置为隐藏。

所以我希望在提出请求之前显示.login_msg。

对此有何建议？提前谢谢。

Answer 1

尝试使用beforeSend的{{1}}和complete设置：

$.ajax

如何在使用jquery ajax时立即显示加载消息？

1 个答案: