JavaScript通过JSONP获取QQ用户昵称、头像及生日信息

作者:纸飞机

时间:2026-10-27

浏览:325

本文介绍如何利用QQ空间提供的公开接口,通过JavaScript的JSONP技术获取指定QQ号码的昵称、头像地址及生日距离天数。通过动态创建script标签加载数据,并实现回调函数处理返回的JSON对象,最终将用户信息展示在网页元素中。

文章目录

通过JSONP获取QQ用户信息

访问接口地址:http://r.qzone.qq.com/cgi-bin/user/cgi_personal_card?uin=指定QQ号码

该接口将返回如下格式的数据:

_Callback( {"uin":查询的QQ号码, "qzone":1, "nickname":"昵称", "offsetBirth":距离生日的天数, "avatarUrl":"查询的QQ号码头像地址"});

针对上述返回内容,需预先定义好 _Callback 函数。随后在 <script src> 标签中指定该URL,利用返回的数据触发 _Callback 函数的执行,并对数据进行解析处理。以下示例演示了如何简单地将数据对应显示在 DIV 中,并将头像以图片形式直接渲染:

代码如下:

<div id='theforever'>.</div>
<mce:script type="text/javascript"><!--
function _Callback(msg){
with(msg){
document.getElementById('theforever').innerHTML='昵称:'+nickname+'<br/><img src="'+avatarUrl+'" mce_src="'+avatarUrl+'"><br/>距离生日的天数:'+offsetBirth;
 }
}
// --></mce:script>
<mce:script language="javascript" type="text/javascript" src="http://r.qzone.qq.com/cgi-bin/user/cgi_personal_card?uin=指定QQ号码" mce_src="http://r.qzone.qq.com/cgi-bin/user/cgi_personal_card?uin=指定QQ号码"></mce:script>

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章