jquery-ajax関数の後に送信

Question

私はajaxで2つの値をチェックします。両方が正しい場合は、提出（ポストバック）したいと思います。 しかし、ポストバックは機能しません。

$('form').submit(function() { 

      var correctCaptcha = false; 
      var correctWebcode = false; 

     $.ajax({ 
      url: '/Competition/CheckForm', 
      type: "POST", 
      data: $(this).serialize(), 
      success: function (data) { 
       if (data == true) { 
        $('#recaptcha_response_field').removeClass("captchaError"); 
        correctCaptcha = true; 
       } 
       else { 
        Recaptcha.reload(); 
        $('#recaptcha_response_field').addClass("captchaError"); 
       } 
      } 
     }); 

     $.ajax({ 
      // like the code above (for webcode) 
     }); 

     if (correctCaptcha == true && correctWebcode == true) { 
      document.forms['form'].submit(); 
     } 
     else { return false; } 
    }); 

Answer 1

使用Async:false

$.ajax({ 
     url: '/Competition/CheckForm', 
     type: "POST", 
     async:false, 
     data: $(this).serialize(), 
     success: function (data) { 
      if (data == true) { 
       $('#recaptcha_response_field').removeClass("captchaError"); 
       correctCaptcha = true; 
      } 
      else { 
       Recaptcha.reload(); 
       $('#recaptcha_response_field').addClass("captchaError"); 
      } 
     } 
    }); 

これは、無限ループが発生します：

if (correctCaptcha == true && correctWebcode == true) { 
    document.forms['form'].submit(); 
} 

だからここ

をこのような使用を使用する。ここ

コードです10

Answer 2

ajaxは本質的に非同期なので、ajax呼び出し時にこれらの変数をすぐに設定することはできません。 asyncをfalseに設定するか、フォームを成功ハンドラ内に送信します。これを試して。デフォルトでは

$('form').submit(function() { 

      $.ajax({ 
       url: '/Competition/CheckForm', 
       type: "POST", 
       data: $(this).serialize(), 
       success: function (data) { 
        if (data == true) { 
         $('#recaptcha_response_field').removeClass("captchaError"); 
         $('form') 
         .unbind('submit')//we dont need any handler to execute now 
         .submit(); 
        } 
        else { 
         Recaptcha.reload(); 
         $('#recaptcha_response_field').addClass("captchaError"); 
        } 
       } 
      }); 


      $.ajax({ 
       // like the code above 
      }); 


      return false;//To prevent the form from being submitted. 
     }); 

Answer 3

、$.ajax作品非同期で、フォームを送信しませんあなたの方法は、あなたがコールバック関数でフォームを提出してください。