JS获得QQ号码的昵称,头像,生日的简单实例

 更新时间:2013年12月04日 17:15:32   作者:  
这篇文章主要介绍了JS获得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>

相关文章

  • 全面解析Bootstrap表单使用方法(表单控件状态)

    全面解析Bootstrap表单使用方法(表单控件状态)

    这篇文章全面解析了Bootstrap表单的使用方法,本文重点介绍Bootstrap表单控件状态的三种情况,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • 表单提交(插入效果)javascript

    表单提交(插入效果)javascript

    表单提交(插入效果)javascript...
    2006-08-08
  • JavaScript 对象合并的几种方法小结

    JavaScript 对象合并的几种方法小结

    本文主要介绍了JavaScript 对象合并的几种方法小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-02-02
  • 详解Nuxt.js 实战集锦

    详解Nuxt.js 实战集锦

    这篇文章主要介绍了Nuxt.js 实战集锦,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11
  • 解决webpack dev-server不能匹配post请求的问题

    解决webpack dev-server不能匹配post请求的问题

    这篇文章主要介绍了解决webpack不能匹配post请求的问题,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • 图片该如何优化来提高网站性能

    图片该如何优化来提高网站性能

    这篇文章主要介绍了图片该如何优化来提高网站性能,对网站性能感兴趣的同学,可以参考下
    2021-05-05
  • JS实现时间校验的代码

    JS实现时间校验的代码

    这篇文章主要介绍了JS实现时间校验的代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-05-05
  • 使用JavaScript判断图片是否加载完成的三种实现方式

    使用JavaScript判断图片是否加载完成的三种实现方式

    有时需要获取图片的尺寸,这需要在图片加载完成以后才可以,本文有三个不错的实现方式在此与大家分享下
    2014-05-05
  • 全网小程序接口请求封装实例代码

    全网小程序接口请求封装实例代码

    这篇文章主要给大家介绍了关于全网小程序接口请求封装的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • Bootstrap+jfinal实现省市级联下拉菜单

    Bootstrap+jfinal实现省市级联下拉菜单

    这篇文章主要为大家详细介绍了Bootstrap+jfinal实现省市级联下拉菜单,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-05-05

最新评论