位置: 编程技术 - 正文
推荐整理分享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 转载请保留说明!友情链接: 武汉网站建设