位置: 编程技术 - 正文
WordPress中利用AJAX异步获取评论用户头像的方法(如何使用wordpress)
编辑：rootadmin推荐整理分享WordPress中利用AJAX异步获取评论用户头像的方法(如何使用wordpress)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:如何用wordpress,wordpress常用api,wordpress app怎么用,wordpressapi,wordpress常用api,wordpress add_action,wordpress如何使用,wordpress常用api,内容如对您有帮助，希望把文章链接给更多的朋友！
在评论者输入邮箱后，异步获得评论者的头像并显示出来，个人感觉这个功能虽不能给用户体验带来多大的提升，也不算是一个实用的功能，但至少很炫，看到有的网站有添加这个功能，我也不甘寂寞所以也写了个脚本，没有时间做封装，所以直接上原理和代码。
异步动态调用头像原理
获得用户输入 过滤用户输入 传递变量到后台 后台处理数据，并返回头像的HTML代码 获得后台返回数据，将HTML代码加载到当前页面貌似很多步骤，其实很简单，我们只要将自己的主题稍作修改就可以到达效果。
简单功能截图：
实现
功能代码：JavaScript以下代码需集成 JQuery 框架中。apiurl 变量为你的php api 接口文件地址，文件代码下面有。功能主要集中在email输入框失去焦点的动作上。
功能代码：PHP后台响应代码，在这里我用了一个单独的页面文件来做响应，这样做的好处是不用打开每个页面的时候都去调用这部分代码，只是在做出请求时才去响应，这样做可以完全摒弃主题的向后兼容顾虑。当然你也可以将响应函数挂载到wp的hook上。总结So……. 很简单吧？请求-> 响应 -> 添加 总共三步曲。当然，这里为了增强逻辑性，突出条理，把一些必要的数据过滤，还有一些错误判断，这些就算是留作思考吧。
bootstrap-treeview自定义双击事件实现方法 bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件。该jQuery插件基于TwitterBootstrap，以简单和优雅的方式来显示一些继承树结构，如视
JavaScript电子时钟倒计时 本文实例讲解了JavaScript电子时钟倒计时的详细代码，分享给大家供大家参考，具体内容如下JavaScript时间类1、获取时分秒：getHours()getMinutes();getSeconds();2
JS中生成随机数的用法及相关函数 先为大家介绍一些关于随机数的相关函数：varRand=Math.random();1.Math.random();结果为0-1间的一个随机数(包括0,不包括1)2.Math.floor(num);参数num为一个数值，函数
标签: 如何使用wordpress
本文链接地址:https://www.jiuchutong.com/biancheng/384675.html 转载请保留说明！上一篇：学习JavaScript设计模式之状态模式(javascript学习指南)
