如何知道ajax是否在jquery中完成？

Question

在wordpress中，有一个从联系人表单7生成的表单。我想知道这是否是在提交并返回消息后从联系人表单中获取输出消息的正确编码方式(无论成功与否)。这段代码可以工作，但是它会双发ajax表单。

ajaxArgs = {
   url: 'http://sample.net/',
        success: function () {
            var a= $(".wpcf7-response-output").html();
          console.log(a);
        }
    };
$(".wpcf7-form").bind('submit', function() {
  jQuery.ajax(ajaxArgs);
});

如果您从contact表单7中提交表单，它以ajax的方式工作，我希望在它完成ajax之后获得错误或成功消息。我需要你的建议，伙计，如果这是足够好，如果你有一个代码，使其更好地使用。

Answer 1

$.ajax({
    type : "POST",
    url : "${pageContext.request.contextPath}/yourUrl",
    data : {
        key1 : "value1" ,
        key2 : "value2"
    },
    async : true, // if you want wait until ajax done, you should set "async" false
    complete : function(){
        console.log("[JQUERY AJAX COMPLETE]");
    }
    success : function(){
        console.log("success");
    }, 
    error : function () {
        console.log("fail");
    }
});

您可以在“完成”中知道ajax完成。

Answer 2

使用成功和错误函数

$.ajax({                    
    type: "POST",  
    url: "example.php",
    success: function(){  
       //do some stuff here 
    },
    error: function(XMLHttpRequest, textStatus, errorThrown) { 
        alert("Status: " + textStatus); alert("Error: " + errorThrown); 
    }       
}); 

Answer 3

这段代码可以工作，但是它会双发ajax表单。

我不能完全理解你想说的话。但是，如果您只想只提交一次表单，则可以在绑定时使用preventDefault，如下所示

$(".wpcf7-form").bind('submit', function(e) {
    e.preventDefault();
    jQuery.ajax(ajaxArgs);
});

如果这不是你所需要的，请更清楚地解释这个问题。

更新:假设您在同一页面上，即sample.net不是第三方URL

$(document).ajaxComplete(function() {
    var a= $(".wpcf7-response-output").html();
    console.log(a);
});