位置: 编程技术 - 正文

WordPress中利用AJAX异步获取评论用户头像的方法(如何使用wordpress)

编辑:rootadmin

推荐整理分享WordPress中利用AJAX异步获取评论用户头像的方法(如何使用wordpress),希望有所帮助,仅作参考,欢迎阅读内容。

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

在评论者输入邮箱后,异步获得评论者的头像并显示出来,个人感觉这个功能虽不能给用户体验带来多大的提升,也不算是一个实用的功能,但至少很炫,看到有的网站有添加这个功能,我也不甘寂寞所以也写了个脚本,没有时间做封装,所以直接上原理和代码。

异步动态调用头像原理

获得用户输入 过滤用户输入 传递变量到后台 后台处理数据,并返回头像的HTML代码 获得后台返回数据,将HTML代码加载到当前页面

貌似很多步骤,其实很简单,我们只要将自己的主题稍作修改就可以到达效果。

WordPress中利用AJAX异步获取评论用户头像的方法(如何使用wordpress)

简单功能截图:

实现

功能代码: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为一个数值,函数

本文链接地址:https://www.jiuchutong.com/biancheng/384675.html 转载请保留说明!

上一篇:学习JavaScript设计模式之状态模式(javascript学习指南)

下一篇:bootstrap-treeview自定义双击事件实现方法

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络