前言
刚才在隔壁看到《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获取地址，也可以直接写死。