Typecho使用AJAX实时获取评论头像

typecho教程 2020-08-25

  前言

  刚才在隔壁看到《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; }

  }

  如果你的模板已经添加过了,那么只要向内部添加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;

  });

  代码中的和需要根据自己的模板进行适当修改,代码中的可以直接写自己博客地址,或者当前文章地址也行,可以用js获取地址,也可以直接写死。

  后语

  其实除了php部分和WordPress稍有不同外,其他没什么不同,js部分直接抄自《WordPress使用AJAX实时获取评论头像》。

评论 (0)
    Top