フォームデータをAjaxでロードする、Ajaxでフォームデータを送信する必要があります

Question

これを動作させるためにしばらくお待ちしております。 （5日間）ので、私は次のと戻るボタンでajaxと同じdivで自分のサイトを介してページを読み込みます。すべてのdiv情報はフォームデータです。フォームデータを取得し、処理のために私のPHPファイルに提出するjquery ajax関数を追加する必要があります。ボタンをクリックするたびにフォームデータが新しいことに注意してください。問題は、適切なイベントハンドラを持つajax関数を配置し、他のajax呼び出しが別の形式をリロードする前にphpに送信する方法です。私は、フォーム注入

  //This code runs when a back or next button has been pressed 
     $("#next, #prev").click(function(){ 
      var max =$('#next').data("max"); 
      max = parseInt(max); 
      currentPage = ($(this).attr('id')=='next') ? currentPage + 1 : 
      currentPage - 1; 
      // ALL DATA VALIDATION DONE ON THIS ONE LINE 
      var formStatus = $('#myForm').validate().form(); 

      ...much more code here but it all runs navigation just fine 

のために停止することができます前に、フォーム（多くの形態があります）ページナビゲーションの実行のための

<form id="myForm" method="post" action="pages/student_info/ps1.php"> 
    <fieldset> 

    <legend>Legal Name</legend> 
    <label for='firstname'>First Name: </label> 
    <input type='text' name='firstname' 
    id='firstname'minlength="2"required/> 
    <br> 
    <label for='lastname'>Last Name: </label> 
    <input type='text' name='last-name' id='last-name' required/> 
    <br> 
    <label for='mi'>Middle Initial: </label> 
    <input type='text' name='mi' id='mi' /> 
    <br> 
    <br> 
    <legend>Gender</legend> 
    <label for="studentmale">Male</label> 
    <input type="radio" name="studentgender" id="male" value="M" required/> 
    <br> 
    <label for="studentfemale">Female</label> 
    <input type="radio" name="studentgender" id="female" value="F"> 
    <br> 

    </fieldset> 
    </form> 

のjQuery

$(document).ready(function() 
    { 
     //submit form with button click 
     $("#next").click(function(){ 
     $("#myForm").submit(); 
     }); 


     $("#myForm").on("submit", "form", function(e) { 
      e.preventDefault(); 
      $.ajax({ 
      dataType: "json", 
      type: 'POST', 
      url: $('#myForm').attr("action"), 
      data: $('#myForm').serializeArray(), // getting filed value in 
      serialize form 

      }) 
      .done(function(data){ // if getting done then call. 

      // show the response 
      alert(data); 

      }) 
      .fail(function() { // if fail then getting message 

      // just in case posting your form failed 
      alert("Posting failed."); 

      }); 

      // to prevent refreshing the whole page page 
      return false; 

     }); 

機能ロード

このライン上の

Answer 1

あなたの代表団が正しくありません：それは#myFormしかしmyForm内のフォームを探している

$("#myForm").on("submit", "form", function(e) { 

フォームです。あなたはリスナーが常に存在するより高いレベルの先祖に交換

の委任に失われるフォーム全体を交換し、#myForm

$(document).on("submit", "#myForm", function(e) {