いつ、いつ成功しないのですか：jQuery Ajaxメソッドでvalueが実行されますか？ （ヘッダーの場所は変更されません）

Question

jQuery Ajaxを使用してフォームを送信しています。

データは正常に送信されましたが、少し問題があります。このコードでコメント文を追加すると、成功：function（）{}は実行されません（場所は変更されません）。

Q. 1これらのステートメントを削除すると、そのステートメントが実行されます。私はこの論理を理解していません。実際に実行されるのはいつですか？xyのチェックはこれにどのように影響しますか？

ここに私のアヤックスコードです：

$(document).ready(function(){ 
    $("#button").click(function(){ 
    **//FOLLOWING TWO LINES MAKES SUCCESS NOT RUN** 
    //var **xy**= $("#digits").val(); 
    //if(xy!=""){ 
    $.ajax({ 
     url: "submitform.php", 
     type: "POST", 
     data: $('#signupform').serialize(),   
     success: function(result){ 
      $(location).attr('href', 'login2.php'); 
      }, 
      error: function(){ 
      alert(error); 
      } 
     }); 
    // } 
    }); 
}); 

ここでは、入力タグ懸念しています：私はevent.preventDefaultを（書き込み時）

<form id="signupform" name="form1" method="post" enctype="multipart/form-data"> 
      <input id="digits" type="text" name="phone" maxlength="10" placeholder="Enter your phone no." required /> 
...... 

Q.2を。送信ボタンのデフォルトアクションを停止するには、入力フィールドの属性が必要です。が機能しません。それはなぜそうですか？それは解決することができますか？

Answer 1

2の質問：あなたが送信ボタン上clickのイベントのためにpreventDefaultを呼び出す場合は、デフォルトの動作入力フィールドがチェックされていないので、阻止される（提出開始）

。

あなたは、入力要素がチェックされた後とformが提出される前にsubmitイベントが送信されるので、代わりにformのsubmitイベントに耳を傾け、このデフォルトの動作を阻止しなければなりません。

$(document).ready(function() { 
    $("#signupform").on('submit', function(e) { 
    e.preventDefault(); 

    //FOLLOWING TWO LINES MAKES SUCCESS NOT RUN** 
    //var **xy**= $("#digits").val(); 
    //if(xy!=""){ 
    $.ajax({ 
     url: "submitform.php", 
     type: "POST", 
     data: $('#signupform').serialize(), 
     success: function(result) { 
     $(location).attr('href', 'login2.php'); 
     }, 
     error: function() { 
     alert(error); 
     } 
    }); 
    // } 
    }); 
}); 

Answer 2

あなたはjqueryのAJAXを使用すると、結果の2種類があります：

400 - 成功機能によって 402または500のキャプチャもOKの状態は内部エラーであり、それらは誤差関数によってキャプチャされます。

エラー機能で、存在しないエラー変数を印刷しようとしています。

また、preventDefaultを使用すると、イベントを処理する変数を渡してもキャンセルできません。