Php AJAX订阅表单不工作
我正在写一份订阅表。它接收一封用户的电子邮件,单击它应该检查该电子邮件是否在数据库中,如果返回false,如果不返回false,则应该添加它,然后返回true 我希望所有这些都使用ajax来改善用户体验 该函数似乎不再被调用,我对AJAX非常陌生,因此不确定问题出在哪里。谢谢你的帮助 HTML: 阿贾克斯: 值得注意的是,注册表格在页脚,这是一个包含。不确定这是否相关Php AJAX订阅表单不工作,php,jquery,ajax,forms,subscription,Php,Jquery,Ajax,Forms,Subscription,我正在写一份订阅表。它接收一封用户的电子邮件,单击它应该检查该电子邮件是否在数据库中,如果返回false,如果不返回false,则应该添加它,然后返回true 我希望所有这些都使用ajax来改善用户体验 该函数似乎不再被调用,我对AJAX非常陌生,因此不确定问题出在哪里。谢谢你的帮助 HTML: 阿贾克斯: 值得注意的是,注册表格在页脚,这是一个包含。不确定这是否相关 编辑:beforeSend中的警报正在显示,因此我知道它正在调用函数等。但是错误警报不会被调用。日志中没有XHR消息 似乎有三个
编辑:beforeSend中的警报正在显示,因此我知道它正在调用函数等。但是错误警报不会被调用。日志中没有XHR消息 似乎有三个问题 它找不到php文件 当它可能的时候,它对我在顶部的require声明不满意 那么POST变量wis的命名不正确 现在正在工作
<section>
<h4>Stay Updated</h4>
<p>Sign up for our newsletter. We won't share your email address.</p>
<form name="newsletterForm" id="newsletterForm" action="" method="post">
<div class="input-append row-fluid">
<input type="email" placeholder="Email Address" class="span6" name="newsletterEmail" id="newsletterEmail"/>
<input type="submit" id="newsletterSubmit" name="newsletterSubmit" value="newsletterSubmit" onclick="newsletterSignup(); return false">
<p id="status"></p>
</div>
<!--close input-append-->
</form>
</section>
<?php require(dirname(__FILE__).'../core/init.php');
if($_POST){
$email = $_POST['newsletterEmail'];
if($newsletter->addEmail($email) == true){
$data['message'] = "Signed up";
$data['success'] = true;
}
echo json_encode($data);
}
public function addEmail($email){
$query = $this->db->prepare("INSERT INTO `newsletter` (`email`, `signupDate`)
VALUES (?, ?)");
$mysqltime = date ("Y-m-d H:i:s", time());
$query->bindValue(1, $email);
$query->bindValue(2, $mysqltime);
try{
$query->execute();
return true;
}catch(PDOException $e){
die($e->getMessage());
}
}//end add email function
function newsletterSignup(){
var email = $('#newsletterEmail').val();
if(email == ""){
$('input#newsletterEmail').focus();
return false;
}
var params = {email: email};
var url = "newsletterSignup.php";
$.ajax({
type: 'POST',
url: url,
data: params,
dataType: 'json',
beforeSend: function(){
alert("ASD");
document.getElementById("status").innerHTML='<img src="sending.gif"/>sending...';
},
success: function(data){
alert("success");
if(data.success == true){
document.getElementById("status").innerHTML= '<p>Sent!</p>' ;
}else{
document.getElementById("status").innerHTML= '<p>Error!</p>' ;
}
},
error: function(error){
alert("Gets ERRORA");
console.log(error);
}
});
}