두 개의 jquery ajax 요청이 작동하지 않습니다.

Question

Captcha 유효성 검사가 작동하고 메일 전송 Ajax가 작동하지 않으며 성공 메시지 또는 실패 메시지가 표시되지 않습니다. 전체 코드를 찾으십시오 (일부 서식 오류를 제공함에 따라 여기에 코드를 붙여 넣을 수 없으므로).

http://demo.cateringandevents.in/contactusform.htm

이 HTML 양식을위한 더 나은 검증 방법을 제안 해주십시오.

Answer 1

오류 콜백 옵션을 구현하십시오. 그러면 필요한 오류 정보가 제공됩니다. 무언가 잘못되었을 때 호출되지 않는 성공 콜백 만 구현 중입니다. 선택적으로 ajax 요청이 전송 된 후에 항상 호출되는 완전한 콜백을 구현할 수도 있습니다.

$.ajax({ 
     type: "POST", 
     url: "thankyou.php", 
     data: sData, 
     success: function() { 
      // Yeah! 
     }, 
     error: function(){ 
      // oops 
     } 
}); 

Answer 2

다음 함수는 항상 false을 반환합니다. 비동기식으로 생각해야합니다. Ajax 호출을 호출하면 프로그램은 실행을 계속하고 false를 반환하고 서버 응답이있을 때마다 성공 콜백이 true를 반환하지만 더 이상 수신 대기하지 않습니다.

function validateCaptach() { 
    if (validateForm()) { 
     var captchaval = $("#verificationcode").val(); 
     $.ajax({ 
      type: "POST", 
      url: "captchacheck.php", 
      async: false, // Lets make it synchronous 
      data: { 
       verificationcode: captchaval 
      }, 
      success: function (data) { 
       if (data == "SUCCESS") { 
        alert("captchacheck sucess.."); 
        return true; 
       } else { 
        alert("The security code you typed was wrong. Please try again."); 
        return false; 
       } 
      } 
     }); 
    } 

    return false; // No matter what happends it always return false 
} 

마지막 반환을 제거하고 그것이 응답을 얻을 전까지 중지 브라우저를 forze합니다 (이미 이전 조각에 추가) async: false, 다시 시도하고 그것은 성공에 프로그램의 정상적인 실행을 계속합니다 콜백.

function submitform() { 
    if (validateForm()) { 
     var captchaval = $("#verificationcode").val(); 
     $.ajax({ 
      type: "POST", 
      url: "captchacheck.php", 
      data: { 
       verificationcode: captchaval 
      }, 
      success: function (data) { 
       if (data == "SUCCESS") { 
        alert("captchacheck sucess.."); 
        sendForm(); // New function 
       } else 
        alert("The security code you typed was wrong. Please try again."); 
      }, 
      error: function(jqXHR, textStatus, errorThrown) { // New error handler 
       alert("Ouch! something went wrong checking the captcha?. " + errorThrown); 
      } 
     }); 
    } 
} 

function sendForm() { 
    var sData = $("#RegisterUserForm").serialize(); 
    alert('i am here to process..'); 
    $.ajax({ 
     type: "POST", 
     url: "thankyou.php", 
     data: sData, 
     success: function (data) { 
      if (data == "YESSUCCESS") 
       alert("Your Query has been sent.."); 
      else 
       alert("some error please type again..."); 
     }, 
     error: function(jqXHR, textStatus, errorThrown) { // New error handler 
      alert("Ouch! something went wrong sending the form?. " + errorThrown); 
     } 
    }); 
}