无图无真相，点击下图可以去测试页面查看源码

Gravatar头像这玩意基本上凡事用wordpress的博客的用户都用笔墨介绍过，所以我就不废话了，不知道的自己google一下。

集成Gravatar头像的核心是构造一个图像的URL地址，Gravatar的最简单的头像URL地址是这样生成的

1. 用MD5Hash算法加密你的邮箱地址

2. 头像 URL= http://www.gravatar.com/avatar/+第一步加密后的值

当然Gravatar还提供了几个有意思的参数，如?d=monsterid加上这个参数，如果邮箱地址未在Gravatar注册过，则动态生成一个小怪兽的头像（例子：左图的右下头像）

JavaScript的MD5Hash所幸也有人早就写过了，到这里下载一个。

现在我们需要关心的就是页面怎么写了，左图的评论表单是从wordpress里抠出来的，CSS我不是高手，简单的弄了下不至于太难看。

AJAX的标题有点噱头啦，但是在这个例子的基础上做成AJAX评论也只剩下一小步了。

其实测试页面值得一提的代码是这一段，用户输入完email地址之后，这个输入框失去焦点，这个时候我们动态加载其头像，这样一来用户体验能够得到明显提升，不要看是个小小的功能，有时候就是这些细节才抓住了你的目标客户。

//jQuery的blur事件
("#email").blur(function(event){
//清空上一个头像
$("#ajaxgravatar").html('');
$email = $.trim($("#email").val()).toLowerCase();
//调用MD5 JavaScript文件的API
$gavatar = hex_md5($email);
//构造URL
$gavatar_url = "http://www.gravatar.com/avatar/"+$gavatar;
//动态修改头像
$("#ajaxgravatar").html('<img id="ajaxgravatar" alt="Gravatar" src="'+ $gavatar_url +'?d=monsterid"/>')
});