王尘宇王尘宇

研究百度干SEO做推广变成一个被互联网搞的人

Typecho运用AJAX及时猎取批评头像

媒介
刚才在近邻看到《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及时猎取批评头像》。

相关文章

评论列表

发表评论:
验证码

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。