Javascript 如何在不重新加载页面的情况下在数据库中插入数据?

Javascript 如何在不重新加载页面的情况下在数据库中插入数据?,javascript,php,ajax,Javascript,Php,Ajax,我想在不重新加载页面的情况下插入数据。 这是我使用的html表单。 php是我使用过的php文件 `<form class="form-horizontal" id="form_post" enctype="multipart/form-data"> <div class="row"> <div class="form-group col-md-12"> <label class="col-sm-

我想在不重新加载页面的情况下插入数据。 这是我使用的html表单。 php是我使用过的php文件

`<form class="form-horizontal" id="form_post" enctype="multipart/form-data">
          <div class="row">

        <div class="form-group col-md-12">
          <label class="col-sm-2" for="uploadedimage">Image :</label>
          <div class="col-sm-7">
            <input type="file" class="btn btn-primary" name="uploadedimage" id="uploadedimage">
          </div> <div class="col-sm-3"></div>
        </div>

        <div class="form-group col-md-12">
          <label class="col-sm-2" for="email">Email :</label>
          <div class="col-sm-7">
            <input type="text" class="" name="email" id="email">
          </div> <div class="col-sm-3"></div>
        </div>

        <div class="form-group col-md-12">
          <label class="col-sm-2" for="phone">Phone :</label>
          <div class="col-sm-7">
            <input type="text" class="" name="phone" id="phone">
          </div> <div class="col-sm-3"></div>
        </div>

        <div class="form-group col-md-12">
          <div class="col-sm-offset-2 col-sm-10">
            <input type="submit" class="btn btn-success" name="gk" id="gk" value="submit">
          </div>
        </div>


        </div>
</form>`
`
图片:
电邮:
电话:
`
如何在不重新加载页面的情况下在数据库中插入数据? 我试过这个,有什么想法吗? 下面是我使用的脚本。我认为问题在于剧本

`<script> 
    $("#gk").click(function(){
                $("form#form_post").submit(function(event){
                    event.preventDefault();
                      var formData = new FormData($(this)[0]);
                     $.ajax({
                        url: 'taskinsert.php',
                        type: 'POST',
                        contentType: false,
                        processData: false,
                        success: function (response) {
                            $('#success').html(response);
                    var form=document.getElementById('form_post').reset();
                                  return false;
                          }
                    });
                  }); 
            }); 
</script>`
`
$(“#gk”)。单击(函数(){
$(“表单#表单发布”)。提交(功能(事件){
event.preventDefault();
var formData=新formData($(此)[0]);
$.ajax({
url:'taskinsert.php',
键入:“POST”,
contentType:false,
processData:false,
成功:功能(响应){
$('#success').html(回复);
var form=document.getElementById('form_post').reset();
返回false;
}
});
}); 
}); 
`
java脚本:

 $(document).on('click','#save',function(e) {
  var data = $("#form-search").serialize();
  $.ajax({
         data: data,
         type: "post",
         url: "send.php",
         success: function(data){
              alert("Data Save: " + data);
         }
});
 });
保存php文件send.php:

<?php 
if(isset($_REQUEST))
{
        mysql_connect("localhost","root","");
mysql_select_db("eciticket_db");
error_reporting(E_ALL && ~E_NOTICE);

$email=$_POST['email'];
$sql="INSERT INTO newsletter_email(email) VALUES ('$email')";
$result=mysql_query($sql);
if($result){
echo "You have been successfully subscribed.";
}
}
?>

使用
ajax
调用将数据保存到数据库的API您甚至没有使用
formData
。根据所提供的信息,没有什么好说的。可能您正在
单击事件监听器中查找丢失的
返回false
,该监听器可能重复