JavaScript通过JSONP获取QQ用户昵称、头像及生日信息
作者:纸飞机时间:2026-10-27 18:57:32浏览:326
本文介绍如何利用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>作者最新文章
JS动态构建复杂嵌套JSON对象的方法
2026-11-05 15:41:52
JS负数取余为什么是负数?详解余数与模运算区别
2026-11-05 13:34:41
JS 解压出现乱码或报错怎么解决?
2026-11-05 12:32:38
JS 中 startsWith、indexOf 与正则判断字符串前缀的对比
2026-11-04 22:19:43
JS解析Excel后怎么将数据转换为JSON格式
2026-11-04 20:58:28
