Javascript 如何在成功提交联系人表单时不重定向页面

我正在为一个我认识的跑步俱乐部创建一个网站，上面有一个联系方式，现在可以重定向到一个关于成功的“谢谢”页面。我试图避免其他页面和重定向，所以我希望它在弹出窗口中显示一条成功消息

一位朋友推荐我在谷歌上搜索JQuery帖子，但我不太明白，所以我想知道这里是否有人可以在这方面给我一些帮助，或者将我链接到教程或其他什么

提前感谢

<!--Add an ID to your form-->
<form action="something" method="post" id="formId">
    <!--Your form goes here-->
    <input type="submit" value="Submit button"/>
</form>

现在您的jQuery/Javascript可以如下所示

<script>
    $('#formId').on('submit',function(e){
        e.preventDefault();//this stops your page from default action
        //now serialize form and make $.ajax() request.
        //on response show success but you may now chose not to reload the page
    });
</script>

$（'#formId'）。关于（'submit'，函数（e）{
e、 preventDefault（）；//这将停止页面的默认操作
//现在序列化表单并发出$.ajax（）请求。
//响应显示成功，但您现在可以选择不重新加载页面
});

这里有一个链接可能会有所帮助

---

您对jQuery/Ajax有多熟悉

您要做的是让jQuery使用ajax提交表单，而不是让浏览器提交整个表单

您将要执行以下操作：

用于注册事件处理程序

在处理程序中，防止表单像通常使用的那样提交。这将阻止重定向。如果您的代码有错误

使用

使用执行异步post查询。确保提供失败和成功处理程序

链接中有足够的代码示例，我相信阅读文档可以让您了解代码的功能

---

我认为默认调用应该在末尾。如果您的代码有错误，表单将返回默认的提交方法（带有您希望避免的重定向的方法。但至少它会继续工作）

您的朋友给出了很好的建议。您对jQuery和AJAX的熟悉程度如何？jQuery只是让普通javascript功能编写起来不那么麻烦。它重定向，因为表单中有一个action属性。你需要改变这一点。有很多很多关于这些东西的帖子，你应该看一看，你不会在一分钟内学会编程。我对其中任何一个都不熟悉。这是我以前尝试过的最复杂的网站，所以我基本上是在尝试学习它，并为它们创建一些功能性的东西。谢谢你的建议，不过，我会看看通过链接，看看我可以从中找出什么。非常感谢