Typecho使用AJAX实时获取评论头像
时间:2020-08-01 阅读:411
前言
刚才在隔壁看到《WordPress使用AJAX实时获取评论头像》,我就想typecho是不是也能实现这个功能呢!
看了《WordPress使用AJAX实时获取评论头像》这个文章后,我理解到,它实际就是给模板内置了个api,通过ajax请求这个api来实时获取邮箱头像地址。懂了原理就简单了
PHP部分
此代码添加到主题functions.php文件
function themeInit($archive) { if(isset($_GET['action']) == 'ajax_avatar_get' && 'GET' == $_SERVER['REQUEST_METHOD'] ) { $host = 'https://secure.gravatar.com/avatar/'; $email = strtolower( $_GET['email']); $hash = md5($email); $sjtx = 'mm'; $avatar = $host . $hash . '?d='.$sjtx; echo $avatar; die(); }else { return; } }
如果你的模板已经添加过了themeInit
,那么只要向themeInit
内部添加if部分即可。
JS部分
此代码添加到主题js文件
$("input#email").blur(function() { var _email = $(this).val(); if (_email != '') { $.ajax({ type: 'GET', data: { action: 'ajax_avatar_get', form: ajaxurl, // 修改为你的Ajax路径 email: _email }, success: function(data) { $('.avatar').attr('src', data); // 修改为你自己的头像标签 } }); // end ajax } return false; });
代码中的input#email
和.avatar
需要根据自己的模板进行适当修改,代码中的ajaxurl
可以直接写自己博客地址,或者当前文章地址也行,可以用js获取地址,也可以直接写死。
后语
其实除了php部分和WordPress稍有不同外,其他没什么不同,js部分直接抄自《WordPress使用AJAX实时获取评论头像》。
网友评论