Javascript 嵌入的“发送评论”表单不会刷新

我的网站LAMP应用程序上任何页面的每个页脚都有一个小表单，用户可以在其中留下评论。表单有几个字段和一个发送按钮。在“发送”按钮的右侧，我投射了一幅图像，上面写着我们会用漂亮的草书给你回复的内容

理想情况下，我希望用户填写表单，单击“发送”，然后将图像替换为另一个表示感谢的图像。。应用程序通过电子邮件发送预定义的电子邮件地址，以显示该表单的内容。我希望在不重新加载页面的情况下，也不希望用户在网页上丢失他/她的滚动视口

我知道PHP有发送电子邮件的功能，但这些功能实际上依赖于发布包含内容的表单，因此，重新加载和发送当然是在服务器端完成的。但是在这里，没有页面重新加载

我知道AJAX，它允许我向服务器发送请求。是这样做的吗？在服务器上有一个用户永远看不到的页面，让AJAX在发送完成后从用户表单调用一个请求？该页面将在服务器端执行，但不会返回新页面或强制用户在当前位置之外进行导航

---

我不需要逐行细分，但如果有人能为我指出如何实现这一目标的正确方向，我会亲自进行技术研究，研究实现方法。

你可以使用表单中的数据将ajax发布到php函数中，ajax的成功回调将替换图像

差不多

$.ajax({
    url: "send_comments.php",
    data: { email: $("#email").value() },
    success: function(data) {
        $(".comments img").html(/* new image html */);
    })
});

---

这是假设您有jQuery可用。

当然，您需要监听submit按钮的click事件和/或表单的submit事件，并阻止默认操作，即通过正常的post和刷新进行提交。