AJAX：ボディの各フォームを送信し、対応するボタンを無効にする方法

私はボディの各フォームをajaxで送信しようとしています。そしてリターンリザックAJAXに応じて、対応するボタンを無効にする必要があります。
質問は次のとおりです：
1）AJAXでボディの各フォームを送信するにはどうすればいいですか？
2）返信要求AJAXに応じて対応するボタンを無効にする方法。AJAX：ボディの各フォームを送信し、対応するボタンを無効にする方法

<script> 
     $(document).ready(function() { 
      var formDates = $('form').serializeArray() //I want to sen each form of body 
      $.each(formDates, function() { //This part I dont know how must be 
       $.ajax({ 
        type: "POST", 
        url: "file.php", 
        data: formDates, 
        success: function (data) { 
          $("#dates").html(data) //Return a variable called 'condition' 
          if (condition == true) { 
           $("addFavs").prop("disabled", true); //I want disable the button wich correspond to the form I send 
          } 
          if (condition == false) { 
           $("removeFavs").prop("disabled", true); //I want disable the button wich correspond to the form I send 
          } 
         } //End of success de AJAX 
       }) //End of ajax request 
      }) //End of each 

      //}) 
     }) 
    </script> 
</head> 

<body> 
    <form id="form1"> 
     <input type="text" value="date1" name="name1" /> 
     <input type="text" value="date2" name="name2" /> 
     <input type="text" value="date3" name="name3" /> 
     <button type="button" class="addFavs form-button">Add</button> 
     <button type="button" class="removeFavs form-button">Remove</button> 
    </form> 

    <form id="form2"> 
     <input type="text" value="date4" name="name1" /> 
     <input type="text" value="date5" name="name2" /> 
     <input type="text" value="date6" name="name3" /> 
     <button type="button" class="addFavs form-button">Add</button> 
     <button type="button" class="removeFavs form-button">Remove</button> 
    </form> 
<span id="dates"></span> 
</body>

出典

2016-07-03 SilverSurfer

スクリプトの変更以下の私が作った、これを試してみてください。代わりに、すべてのフォームデータ

-getすべてのフォームを。

-提出された現在のフォーム要素の現在のフォーム参照。

$(document).ready(function() { 
    var form = $('form'); //Getting all forms 
    $.each(form, function(i, formC) { //This part I dont know how must be 
     var formDates = $(formC).serializeArray(); 
     $.ajax({ 
      type: "POST", 
      url: "file.php", 
      data: formDates, 
      success: function(data) { 
       $("#dates").html(data) //Return a variable called 'condition' 
       if (condition == true) { 
       $(formC).find("addFavs").prop("disabled", true); //I want disable the button wich correspond to the form I send 
       } 
       if (condition == false) { 
       $(formC).find("removeFavs").prop("disabled", true); //I want disable the button wich correspond to the form I send 
       } 
      } //End of success de AJAX 
    });//End of ajax request 
});

出典

2016-07-03 12:01:51

ありがとうございます。 – SilverSurfer

'これを試してください 'は何が変更されたのかの説明ではありませんなぜ – charlietfl

コードで行われた変更の説明を追加しました –

AJAX：ボディの各フォームを送信し、対応するボタンを無効にする方法

答えて

関連する問題