!
也想出现在这里? 联系我们
广告位

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

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

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

  1. <?php
  2. header('Content-Type: text/HTML;charset=utf-8');
  3. $QQ=$_GET["qq"];
  4. if($QQ!=''){
  5. $urlPre='http://r.qzone.qq.com/fcg-bin/cgi_get_portrait.fcg?g_tk=1518561325&uins=';
  6. $data=file_get_contents($urlPre.$QQ);
  7. $data=iconv("GB2312","UTF-8",$data);
  8. $pattern = '/portraitCallBack\((.*)\)/is';
  9. preg_match($pattern,$data,$result);
  10. $result=$result[1];
  11. echo $result;
  12. }else{
  13. echo "请输入qq号!";
  14. }
  15. ?>

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

脚本调用:

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

  1. function fn_qqinfo(){
  2. var qq_num=$('#qqinfo').val();
  3. if(qq_num){
  4. if( !isNaN(qq_num)){
  5. $.ajax({
  6. url:"http://blog.quietguoguo.com/api/qqinfo/get_qq_info.php", //如果网站开启了HTTPS,记得这里要修改成https的链接
  7. type:"get",
  8. data:{qq:qq_num},
  9. dataType:"json",
  10. success:function(data){
  11. $("#email").val(qq_num+'@qq.com');
  12. $('#comment').focus();
  13. if(data==null){
  14. $("#author").val('QQ游客');
  15. }else{
  16. $("#author").val(data[qq_num][6]==""?'QQ游客':data[qq_num][6]);
  17. }
  18. },
  19. error:function(err){
  20. $("#author").val('QQ游客');
  21. $("#email").val(qq_num+'@qq.com');
  22. $('#comment').focus();
  23. }
  24. });
  25. }else{
  26. $("#author").val('你输入的好像不是QQ号码');
  27. $("#email").val('你输入的好像不是QQ号码');
  28. }
  29. }else{
  30. $("#author").val('请输入您的QQ号');
  31. $("#email").val('请输入您的QQ号');
  32. }
  33. }

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

前端代码:

  1. <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 标签之后即可:

  1. <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 缓存及浏览器缓存等,避免不能实时查看到效果

给TA打赏
共{{data.count}}人
人已打赏
WordPress教程

SQL数据库修改wordpress文章ID的方法

2024-3-8 15:05:08

WordPress教程

WordPress 分类及分类下的文章添加模板选择功能

2024-3-15 14:29:05

下载说明

  • 1、微码盒所提供的压缩包若无特别说明,解压密码均为weimahe.com
  • 2、下载后文件若为压缩包格式,请安装7Z软件或者其它压缩软件进行解压;
  • 3、文件比较大的时候,建议使用下载工具进行下载,浏览器下载有时候会自动中断,导致下载错误;
  • 4、资源可能会由于内容问题被和谐,导致下载链接不可用,遇到此问题,请到文章页面进行反馈,以便微码盒及时进行更新;
  • 5、其他下载问题请自行搜索教程,这里不一一讲解。

站长声明

本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有;若为付费资源,请在下载后24小时之内自觉删除;若作商业用途,请到原网站购买;由于未及时购买和付费发生的侵权行为,与本站无关。本站发布的内容若侵犯到您的权益,请联系本站删除,我们将及时处理!
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索