• jsonp帮助你知道你关注的他或她喜欢什么歌曲


    利用腾讯提供的QQ音乐API,返回一段对方在QQ音乐收藏的歌曲名称json数据,并对该json做解析,就能知道你的那个他或她喜欢听什么歌曲了,然后你就知道他/她的品位了,然后就自己看着办了,嘿嘿。我只能帮你到这了。

    感谢bejson收集的各种有用的接口,他的网站http://www.bejson.com/webInterface.php。QQ音乐收藏歌曲的API是http://qzone-music.qq.com/fcg-bin/fcg_music_fav_getinfo.fcg?dirinfo=0&dirid=1&uin=QQ号&p=0.519638272547262&g_tk=1284234856,看到有哥们用jquery和jPlayer来跨域获取和解析,在本例中用原生js来做跨域。代码简洁明了如下,有什么不对之处和不合理之处请指教。

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     3 <head>
     4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     5 <title>获取qq空间收藏音乐</title>
     6 
     7 <script type="text/javascript">var h='';
     8 function jsonCallback(data)
     9 {
    10 
    11      for(var i=0;i<data.SongList.length;i++)
    12      {
    13          h+=(i+1)+'--歌曲名称:'+'<span style="color:#f00">'+data.SongList[i].songname+'</span>&nbsp;&nbsp;&nbsp;&nbsp;歌手名称:'+data.SongList[i].singername+'</br>';
    14      }
    15      document.getElementsByTagName('body')[0].innerHTML=h;
    16 }
    17 function getMusic()
    18  {
    19      var qqNum=document.getElementById('text').value;
    20       var url='http://qzone-music.qq.com/fcg-bin/fcg_music_fav_getinfo.fcg?dirinfo=0&dirid=1&uin='+parseInt(qqNum)+'&p=0.519638272547262&g_tk=12842dd34856';
    21       createJs(url);
    22  }
    23 </script>
    24 <script type="text/javascript">
    25  function createJs(url)
    26  {
    27       var os=document.createElement('script');
    28       os.type='text/javascript';
    29       os.src=url;
    30 
    31       var head=document.getElementsByTagName('head')[0];
    32      head.appendChild(os);
    33  }
    34   
    35 </script>
    36 </head>
    37 
    38 <body>
    39     <input type="text" id="text" size="40">
    40     <input type="button" value="go" onclick="getMusic()" />
    41 </body>
    42 </html>

    在输入框输入QQ号码,效果截图:

  • 相关阅读:
    随机数 | @counter-style.range (Counter Styles)
    长度 | <length> (Values & Units)
    重复线性渐变 | repeating-linear-gradient (Image Values)
    重复径向渐变 | repeating-radial-gradient() (Image Values)
    重复 | repeat (Grid Layout)
    逻辑属性 | CSS Logical Properties (Logical Properties)
    通用选择器 | Universal selectors (Selectors)
    ProxySQL Admin管理接口
    《【Graph Embedding】LINE:算法原理,实现和应用》
    《AutoInt:基于Multi-Head Self-Attention构造高阶特征》
  • 原文地址:https://www.cnblogs.com/thinksley/p/3142465.html
Copyright © 2020-2023  润新知