输入email后ajax加载wp头像

原理:使用blur检测焦点离开邮箱评论框后进行ajax提交从而获得头像地址,头像地址是使用MD5加密email来获取Gravatar地址
在wp主题的functions文件中添加下列代码,40是图片的大小

function ajax_avatar_url() {
if( $_GET['action'] == 'ajax_avatar_get' && 'GET' == $_SERVER['REQUEST_METHOD'] ) {
$email = $_GET['email'];
echo 'https://secure.gravatar.com/avatar/' . md5($email) . '?s=40';
die();
}else { return; }
}
add_action( 'init', 'ajax_avatar_url' );

然后在js文件中添加
// ajax获取头像

[code]
$("input#email").blur(function() {
var _email = $(this).val();
if (_email != '') {
$.ajax({
type: 'GET',
data: {
action: 'ajax_avatar_get',
email: _email
},
success: function(data) {
$(".imgclass").attr('src',data);//这里是你要替换的头像
}
}); // end ajax
}
return false;
});
[/code]
END
话说写主题真麻烦

分享 二维码
分类:代码笔记
标签:
还没有评论


在此输入评论..
0/100