WordPress中利用AJAX技术进行评论提交的实现示例(如何使用wordpress)

编辑：rootadmin

推荐整理分享WordPress中利用AJAX技术进行评论提交的实现示例(如何使用wordpress)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:wordpress app怎么用,wordpressapi,wordpress如何使用,wordpress常用api,wordpress avada教程,wordpress常用api,wordpress add_action,wordpress常用api,内容如对您有帮助，希望把文章链接给更多的朋友！

一直对 WordPress 的 Ajax 交互研究感兴趣，也一直很关注于这方面的技术，谈到 WordPress Ajax 就不得不谈到评论 Ajax提交，作为一个博客、论坛评论的 Ajax 提交不仅可以改善用户体验，还可以大幅缩减服务器开支，毕竟输出单条评论内容比重新组织输出一个页面要简单的多。虽说现在访问量一直比较低，不存在服务器压力的问题，但一向注重用户体验的我，当然不能放弃这么一个提升用户体验的机会。今天抽了一下午的空，把这个主题的 Ajax 评论提交初步完成了。

直接开门见山，直接上代码：（原理及思路在最后）根据自己主题不同结构，以下代码请自行调整。

WordPress Ajax 提交评论 PHP 代码在主题 function.php 文件中加入如下部分。

WordPress中利用AJAX技术进行评论提交的实现示例(如何使用wordpress)

Javascript 中代码注意：以下代码需要 Jquery 框架支援。javascript onload 代码中加入以下部分。

注：代码仍有改进需求，因为没有时间，所以就没有再进化。

CSS 代码css 随意部分添加。

原理、思路原理：Javascript 提交数据php响应并输出结果Javascript 得到结果并显示思路：点击提交按钮后，Javascript 截获提交动作截获提交的各项数据（Name、Email、Web、Comment-text）利用 Javascript Jquery 模拟浏览器提交POST（Name、Email、Web、Comment-text）请求之WordPressFunction.php 文件中构造一个接受请求的函数，即本列中ajax_comment函数如果请求无错误，输出正确结果如果请求有错误，输出错误结果Javascript 获得正确结果，动态添加到评论列表中Javascript 获得错误结果，动态添加到提交提示栏改进样式方面，我确实没什么美感，所以正在学习中。提交按钮在点击至获得返回结果后3秒的时间里应该都是变灰失效状态，这一点之前因为在本机测试，提交瞬间完成没有注意到，远程测试的时候发现了，但要改的话还要进行测试，时间太紧就不改了，有机会再改进一下。

总结因为 WordPress 主题中评论样式的自由性、多样性，所以貌似至今一直没有一款通用性的AJAX 评论插件，一些高手也只能在优化自己博客之余，把思路和部分通用核心代码做一下公布，所以想要实现一些炫酷的功能要不有高人帮你，要不你就只能好好学代码，期待有一日能够厚积薄发了。效果请自行提交评论验证。

WordPress中鼠标悬停显示和隐藏评论及引用按钮的实现根据鼠标悬停显示、隐藏，回复和引用按钮思路及原理原理嘛很简单，如果你阅读过一页或者两页甚至更多页Jquery手册的话，那么下面的原理解释你肯

轻松实现JavaScript图片切换本文实例为大家介绍JavaScript图片切换的实现方法，分享给大家供大家参考，具体内容如下效果图：网页看到非常常见的一个图片切换效果：在淘宝、JD

基于JavaScript实现瀑布流布局本文实例讲解了原生JavaScript实现瀑布流布局详细代码，分享给大家供大家参考，具体内容如下效果图：具体代码：HTML!DOCTYPEhtmlhtmllang="en"headmetacharset="UTF