微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

嵌入了不刷新的“发送评论”表格

如何解决嵌入了不刷新的“发送评论”表格

| 我的网站(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。     

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。