2016-02-27 166 views
-1

我创建了一个提交给php页面的AJAX表单。这张表格已成功提交,我收到了我的数据库中的电子邮件地址,并且发送了一封确认电子邮件。Ajax表单提交成功但出现提示错误

不过,我得到一个警告消息,指出“错误|”,所以很明显它是从这个未来:

error: function (xhr, textStatus, errorThrown) { 
      alert(textStatus + "|" + errorThrown); 

我不清楚为什么,如果它工作的错误是扔的。另一件事,这种形式是重新加载页面。我有event.preventDefault();,所以为什么要重新加载页面?

我很感激任何帮助。

<form action="" method="POST"> 
    <input type="email" id="footer-grid1-newsletter-input" placeholder="Your Email Address"> 
    <input type="submit" id="footer-grid1-newsletter-submit" name="submit"> 
</form> 
$(document).ready(function(){ 
    $("#footer-grid1-newsletter-submit").on("click", function() { 
     event.preventDefault(); 

     var newsletter_email = $("#footer-grid1-newsletter-input").val(); 

     $.ajax({ 
      url: "newsletterSend.php", 
      type: "POST", 
      data: { 
       "newsletter_email": newsletter_email 
      }, 
      success: function (data) { 
      // console.log(data); // data object will return the response when status code is 200 
       if (data == "Error!") { 
        alert("Unable to insert email!"); 
        alert(data); 
       } else { 
        /*$(".announcement_success").fadeIn(); 
        $(".announcement_success").show(); 
        $('.announcement_success').html('Announcement Successfully Added!'); 
        $('.announcement_success').delay(5000).fadeOut(400);*/ 
       } 
      }, 
      error: function (xhr, textStatus, errorThrown) { 
       alert(textStatus + "|" + errorThrown); 
       //console.log("error"); //otherwise error if status code is other than 200. 
      } 
     }); 
    }); 
}); 

ini_set('display_errors', 1); 
error_reporting(E_ALL); 

$newsletter_email = $_POST['newsletter_email']; 

try { 

    $con = mysqli_connect("localhost", "", "", ""); 

    if (mysqli_connect_errno()) { 
     printf("Connect failed: %s\n", mysqli_connect_error()); 
     exit(); 
    } 
    $stmt = $con->prepare("INSERT INTO newsletter (email, subscribed) VALUES (?, NOW())"); 
     if (false===$stmt) { 
      die('Newsletter email prepare() failed: ' . htmlspecialchars($con->error)); 
     } 
    $stmt->bind_param('s', $newsletter_email); 
     if (false===$stmt) { 
      die('Newsletter email bind_param() failed: ' . htmlspecialchars($stmt->error)); 
     } 
    $stmt->execute(); 
     if (false===$stmt) { 
      die('Newsletter email execute() failed: ' . htmlspecialchars($stmt->error)); 
     } 
} catch(Exception $e) { 
    die($e->getMessage()); 
} 
+2

你失踪'。对一个'event'( “点击”,函数(){...'应该是'。对( “点击”,函数(事件){' – roullie

+0

设置'dataType',并发送''相同的类型从php' – guradio

+0

@guradio你究竟是什么意思? – Becky

回答

1

event没有任何参考

.on("click", function() { 

应该

.on("click", function (event) { 

然后清除表单。你可以做

$("YOUR_FORM")[0].reset()