フォームをajaxで送信しますか？

Question

私は以下のhtmlコードを持っており、PHP変数にデータ（電子メール）を送る方法を知らない。変数$ _POST ['email']は送信後に機能しません。たぶんポストはAJAXで動作するだろうが、私はどのように、誰かが私を助けることができないのですか？ありがとう。

<div id="newmember" class="form-1"> 
          <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
           <div class="modal-dialog"> 
           <div class="modal-content">   
            <div class="modal-body"> 
             <div class="row"> 
              <div class="col-md-12 text-center"> 
               <div class="pop-up">        
                <div class="box-1"> 

                </div> 
                <img src="img/6.png" class="center-block" alt=".."> 

                <div class="form-search space40"> 
                 <form action="index.php" method="post"> 
                  <div class="input-group input-group-lg mtop-10"> 
                   <input type="text" name="email" class="form-control input-lg" placeholder="Your email"> 
                   <span class="input-group-btn"> 
                    <input type="submit" name="send" class="btn btn-lg-sub model-btn" data-target="#login" id="model11" data-toggle="modal" data-dismiss="modal"><i class="fa fa-paper-plane" aria-hidden="true"></i> &nbsp; SEND</button> 
                   </span> 
                  </div> 
                 </form> 
                </div> 
                <div class="space30"></div> 
                <div> 

                </div> 
                 <div class="space30"></div> 

               </div> 
              </div> 
             </div>      
            </div>       
           </div>     
           </div> 
          </div><!-- end become a member modal --> 
         </div> <!-- end Form --> 
         <!-- Modal Login --> 
         <div class="form-1" id="logingform"> 
          <div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
           <div class="modal-dialog"> 
            <div class="modal-content"> 
             <div class="modal-content">             
              <div class="row"> 
               <div class="col-md-12 text-center"> 
                <div class="pop-up"> 

                 <div class="box-1"> 
                  <h3><i class="fa fa-check-square-o" aria-hidden="true"></i> &nbsp; SENT</h3> 
                 </div> 
                 <img src="img/6.png" class="center-block" alt=".."> 
                 <div class="space40"></div> 
                 <h4>Thank you for email.</h4> 
                 <div class="space60"></div> 

                </div> 
               </div> 
              </div> 
             </div> 

            </div> 
           </div> 
          </div> 
         </div> 

Answer 1

ajaxコールは次のようになります。

$.ajax({ 
    url: "YOUR_URL_HERE", 
    type: "POST", 
    success: function(response){ 
    // Do something on success. 
    } 
}); 

あなたは、関数の中で上記のコードを入れて、このようにそれを呼び出し、index.phpの中でそれをのvar_dump（$ _ POST）をあなたがたのURL

function postRequest(url){ 
    $.ajax({ 
    url: url, 
    type: "POST", 
    success: function(response){ 
     // Do something on success. 
    } 
    }); 
}