运用 emlog 博客程序朋侪有采纳第三方批评,也有采纳内置批评的,运用第三方批评的还好,能够直接QQ上岸,然则如果是采纳内置批评的许多访客都不情愿填写信息,因而可能会丧失许多批评。本日 分享一篇采纳js依据用户填写的QQ号码拉取用户的昵称信息,然后自动填写表单,如许用户只须要输入QQ就可以完成自动填写了。代码以默许模板为例。
第一步、我们要确认模板是不是有加载jquery, emlog默许jquery代码以下(放入<head></head>之间),如果有加载的请自动疏忽此步。
<script src="<?php echo BLOG_URL;?>include/lib/js/jquery/jquery-1.7.1.js" type="text/javascript"></script>第二步、找到模板文件module.php中的
<input type="hidden" name="gid" value="<?php echo $logid; ?>" />在上面代码的背面到场代码
<input id="qq" type="text" name="qq" maxlength="49" placeholder="填入qq自动猎取信息" value="" size="22" tabindex="0"><div id="error"></div><div id="ajaxloading"></div>然后在每个input加上id信息,比方: name="commail" 背面增加 id="commail"
第三步、竖立一个文件夹,如qq放入根目录中,在里面建一个文件index.php,代码以下<?phpheader("Content-type: application/json; charset=utf-8"); $qq = $_GET['qq'];$html = file_get_contents('http://r.qzone.qq.com/fcg-bin/cgi_get_portrait.fcg?uins='.$qq);$nic = explode(',',$html);$name = trim(mb_convert_encoding($nic[6], "UTF-8", "GBK"),'"');$img = file_get_contents('http://ptlogin2.qq.com/getface?appid=1006102&uin='.$qq.'&imgtype=3');preg_match('/pt.setHeader\((.*?)\);/',$img,$picc);$pic = json_decode($picc[1]);$json['name'] = $name;$json['pic'] = $pic->$qq;echo $_GET['callback'].'('.json_encode($json).')';?>第四步、到场js代码,代码以下(放在<head></head>之间,代码中的网址途径../go/qq/须要改成你本身建立的,即第三步中建立的途径):
<script>$(function () {Lotto = {};Lotto.comment = function(){$("#qq").blur(function(){ $('#qq').attr("sl",true); $("#ajaxloading").html('<img src="[你的网站,必需加http://]/go/qq/loading.gif"><a style="font-size:12px;margin-left:5px;">正在猎取QQ信息..</a>'); $.getJSON('[你的网站,必需加http://]/go/qq/?qq='+$('#qq').val()+'&callback=?', function(q){ if(q.name){ $('#comname').val(q.name); $('#commail').val($('#qq').val()+'@qq.com'); $('#comurl').val('http://user.qzone.qq.com/'+$('#qq').val()); $('#qq').attr("disabled",false); $("#ajaxloading").hide(); }else{ $("#ajaxloading").hide(); $("#error").html('qq账号毛病').show().fadeOut(4000); $('#qq').attr("sl",false); } });});}Lotto.run = function(){this.comment();};Lotto.run();});</script>友谊提醒:朋侪网接口失效,已变动成QQ空间接口,请没法猎取材料的朋侪请变动第四步的代码。2018-07-04
一致复兴批评中提到的几个问题:
1、js你想放在那里都能够,只需挪用出来即可,一般都是放入<head></head>之间

评论列表