Javascript Ajax表单提交成功，但出现警报错误

我创建了一个提交到php页面的AJAX表单。此表单在以下方面提交成功：我在数据库中获得电子邮件地址，并且我有一封发送的确认电子邮件

但是，我收到一条警告消息，上面写着“Error |”，所以很明显，它来自以下方面：

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>

您的
事件
没有任何引用

.on("click", function () {

应该是

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

然后清理你的表格。你能行

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

您在
上缺少
事件
。在（“单击”，function（）{…
它应该是
。在（“单击”，function（event）{
设置
数据类型
，并从php发送
相同类型
@guradio。您的确切意思是什么？@Becky您可以尝试重置它。
$（“您的表单”）[0]。重置（）
@Becky-ohh。是的，你可以。但是最好在后端而不是客户端进行错误处理
$("YOUR_FORM")[0].reset()