Javascript 如何在不重新加载页面的情况下在数据库中插入数据?
我想在不重新加载页面的情况下插入数据。 这是我使用的html表单。 php是我使用过的php文件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-
`<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
,该监听器可能重复