嵌入式“发送评论”表单，不刷新

Question

我网站上任何页面的每个页脚（LAMP应用程序）都有一个小表单，用户可以在其中发表评论。表单有几个字段和一个“发送”按钮。在发送按钮的右侧，我正在投影一张图片，上面写着“我们会回到你身边”的草书。

理想情况下，我希望用户填写表单，点击发送，然后将图像替换为另一张图片，上面写着“谢谢你......”以及通过电子邮件发送预定义电子邮件的应用程序邮件地址表示该表单的内容。我希望在没有页面重新加载的情况下进行，并且用户不会将他/她的滚动视口丢失到网页上。

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

我知道AJAX，允许我向服务器发送请求。这是怎么做的？在服务器上有一个从未真正向用户显示的页面，并且一旦“发送”完成，AJAX只是从用户表单调用它的请求？该页面将在服务器端执行，但从不返回新页面或强制导航到用户现在的位置之外？

我不需要逐行细分，但如果有人可以指出我是如何实现这样的事情的正确方向，我会自己进行技术研究以实施。

Answer 1

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

像

这样的东西

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

这假设你有jQuery可用。