ajax获取QQ昵称和头像

发布于2017-05-13 / 681次浏览

首先感谢@独行文章的思路和指导。

效果演示：

代码实现：

html代码：

QQ号：<input type="input" name="qq" id='qq'><br><br>
昵称：<input type="input" id="nickname"><br><br> 
QQ头像：<img style="width:100px;height:100px" id="avatar">
<script>
 $(document).ready(function(){
 $('#qq').blur(function(){
 var qq=$("#qq").val();
 $.ajax({
 type:'get',
 url:'20.php?qq='+qq,
 dataType:'jsonp',
 jsonpCallback:'portraitCallBack',
 success:function(data){
 $("#nickname").val(data[qq][6]);
 $("#avatar").attr("src",data[qq][0]);
 },
 error:function(){
 alert('糟糕，昵称获取失败！请重新填写。');
 }
 });
 });
 });
</script>

php代码：

<?php 
 $qq=@$_GET['qq']?$_GET['qq']:"";
 $qqnickname = file_get_contents('http://users.qzone.qq.com/fcg-bin/cgi_get_portrait.fcg?uins='.$qq); // API
 if($qqnickname){
 $qqnickname = mb_convert_encoding($qqnickname, "UTF-8", "GBK");
 echo $qqnickname;
 }