通过ajax发送表单？答案

【问题标题】：Send form by ajax?通过ajax发送表单？
【发布时间】：2016-11-25 06:53:14
【问题描述】：

我有以下 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>

【问题讨论】：

你在 index.php 中做了 var_dump($_POST) 吗？它打印什么？
当我删除 data-dismiss="modal" 然后表单提交并且 var_dump 是好的。

标签： javascript php ajax forms send

【解决方案1】：

ajax 调用看起来像这样。

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

你可以把上面的代码放在一个函数中，这样调用它并给它一个url

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

【讨论】：