javascript - Send form by ajax? -


i have following html code , don't know how send data (email) php variables. variable $_post['email'] doesn't work after submit. maybe post ajax work don't know how, can me? thanks.

 <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 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 email.</h4>                                                         <div class="space60"></div>                                                      </div>                                                 </div>                                             </div>                                         </div>                                      </div>                                 </div>                             </div>                         </div> 

an ajax call looks this.

$.ajax({   url: "your_url_here",   type: "post",   success: function(response){     // on success.   } }); 

you can put above code in function , call , give url

function postrequest(url){   $.ajax({     url: url,     type: "post",     success: function(response){       // on success.     }   }); } 

Comments