搬码资源网广告位 搬码资源网广告位

输入QQ号自动获取用户名及邮箱

下面是搬码源码网 abnma.com 通过网络收集整理的代码片段。搬码源码网小编现在分享给大家,也给大家做个参考。

经常浏览博客且常留言的小伙伴可能会发现一些网站上为了方便用户快速输入用户信息提供了一个“输入 QQ 号快速填写信息”的功能,功能不大但确实有利于增加博客留言的积极性,希望能帮助到同样需要此功能的小伙伴们尽快部署上。在我实际的测试过程中,发现了一些小问题,于是仿造博客 112 的做法,对代码做了简单修改。好了,废话不多说,还是看下具体的部署方法。注意:对主题进行修改操作之前请自行备份需要修改的文件,以防误操作引起的网站崩溃!!!

新建一个 PHP 文件,将下面代码丢进去,文件名可自取,这里以 get_qq_info.PHP 命名。创建完成后将 get_qq_info.PHP 文件丢到网站根目录下以用于以后调取,其实你也可以将它放在网站的任何一个目录下,只需要保证后面 JS 代码调取是路径正确即可。

<?PHP

header(‘Content-Type: text/html;charset=utf-8’);

$QQ=$_GET[“qq”];

if($QQ!=”){

$urlPre=’http://r.qzone.qq.com/fcg-bin/cgi_get_portrait.fcg?g_tk=1518561325&uins=’;

$data=file_get_contents($urlPre.$QQ);

$data=iconv(“GB2312″,”UTF-8”,$data);

$pattern = ‘/portraitCallBack((.*))/is’;

preg_match($pattern,$data,$result);

$result=$result[1];

echo $result;

}else{

echo “请输入qq号!”;

}

?>

好吧,其实这里面还是通过腾讯开放的接口获取到 Q Q 用户的真实昵称。

脚本调用:

将以下代码添加到主题的主要 JS 文件中去,DUX 主题添加到 /js/main.js 文件中即可,当然如果主题支持后台自定义代码也可以直接放在后台自定义代码位置,注意加上 script 标签。

function fn_qqinfo(){

var qq_num=$(‘#qqinfo’).val();

if(qq_num){

if( !isNaN(qq_num)){

$.ajax({

url:”http://blog.quietguoguo.com/api/qqinfo/get_qq_info.PHP”,//如果网站开启了HTTPS,记得这里要修改成https的链接

type:”get”,

data:{qq:qq_num},

dataType:”json”,

success:function(data){

$(“#email”).val(qq_num+’@qq.com’);

$(‘#comment’).focus();

if(data==null){

$(“#author”).val(‘QQ游客’);

}else{

$(“#author”).val(data[qq_num][6]==””?’QQ游客’:data[qq_num][6]);

}

},

error:function(err){

$(“#author”).val(‘QQ游客’);

$(“#email”).val(qq_num+’@qq.com’);

$(‘#comment’).focus();

}

});

}else{

$(“#author”).val(‘你输入的好像不是QQ号码’);

$(“#email”).val(‘你输入的好像不是QQ号码’);

}

}else{

$(“#author”).val(‘请输入您的QQ号’);

$(“#email”).val(‘请输入您的QQ号’);

}

}

注意:如果网站开启 HTTPS 的话注意将上述代码中链接改为对应的 https 格式。

前端代码:

<input class=”你主题的对应样式” type=”text” name=”qqinfo” id=”qqinfo” maxlength=”12″ value=”” tabindex=”5″ placeholder=”输入QQ号快速填写信息” onblur=”fn_qqinfo()” /><span class=”你主题的对应样式” >Q Q(选填)</span>

如果所使用的 DUX 主题而言将下面这段代码填到 comments.PHP 文件中的 ul 标签之后即可:

<li class=”form-inline”><label class=”hide” for=”qqinfo”>QQ</label><input class=”ipt” type=”text” name=”qqinfo” id=”qqinfo” maxlength=”12″ value=”” tabindex=”5″ placeholder=”输入QQ号快速填写信息” onblur=”fn_qqinfo()” /><span class=”text-muted” >Q Q(选填)</span></li>

至此,全部修改操作完成,注意刷新 CDN 缓存及浏览器缓存等,避免不能实时查看到效果

以上是搬码源码网(abnma.com)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。如果觉得搬码源码网网站内容还不错,欢迎将搬码源码网网站推荐给程序员好友。

声明:
本站发布的文章及附件仅限用于学习和研究目的;不得将上述内容用于商业或非法用途,否则后果请用户自负。
本站资源来自网络收集,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。
如果您喜欢该程序,请支持正版软件,得到更好的正版服务。
本文链接:https://www.abnma.com/11300.html,转载请注明出处。
如有侵权,请邮件联系我们删除处理。

0
搬码资源网广告位

评论0

请先

没有账号? 注册  忘记密码?