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

당신은 문의 양식은 아약스 방식으로 작동합니다 (7)에서 양식을 제출한다면 나는 아약스를 완료 한 후 오류 또는 성공 메시지를 받게하고 싶습니다. 이 코드가 충분하다면 조언자가 필요합니다. 코드를 사용하는 것이 좋습니다.

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"); 
    } 
}); 

당신은에서 아약스 완전한 알 수 FO 사용의 성공과 오차 함수가

Answer 2

당신은 단지 다음과 같이 사용할 수 있습니다

이

$(document).ajaxComplete(function() { 
    $(".success").append("Complete"); 
}); 

Answer 3

그

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

Answer 4

"완료" 이 코드는 작동하지만 이중으로 ajax 양식을 보냅니다.

나는 당신이 말하는 것을 완전히 이해할 수 없습니다. 당신은 단지 다음과 같이이 없습니다 당신이 필요로하는 것입니다

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

경우 바인딩 동안 preventDefault을 사용할 수 있습니다 번만 양식을 제출하고자하는 경우에, 조금 더 명확하게 문제를 설명하십시오. 업데이트

: 같은 페이지 즉 sample.net에있는 가정은 내가 이것을 사용하는 타사 URL

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