ajax获取qq音乐源码,ajax请求QQ音乐
搜索歌曲
function go() {
var val = document.getElementById("name").value;
let url = ‘https://c.y.qq.com/soso/fcgi-bin/search_for_qq_cp?g_tk=5381&uin=0&format=jsonp&inCharset=utf-8&outCharset=utf-8¬ice=0&platform=h5&needNewCode=1&w=‘+val+‘&zhidaqu=1&catZhida=1&t=0&flag=1&ie=utf-8&sem=1&aggr=0&perpage=20&n=20&p=1&remoteplace=txt.mqq.all&_=1520833663464‘;
$.ajax({
url:url,
type:"get",
dataType:‘jsonp‘,
jsonp: "callback",
jsonpCallback:‘callback‘,
scriptCharset: ‘GBK‘,//解决中文乱码
success: function(data){
//获取搜索数据
var myul = document.getElementById(‘myul‘);
var songs = data.data.song.list;
// var a =""
/* alert(data.data.song.list.length); */
$("ul").find("li").remove();
for(var i=0;i
var songmid = songs[i].songmid;
var songname = songs[i].songname;
var singername = songs[i].singer[0].name;
var albummid = songs[i].albummid;
$("#myul").append(‘
‘+songname+‘---‘+singername+"");
}
$(‘a‘).on(‘click‘,function(){ //绑定事件
//获取播放器
var myAudio = document.getElementById(‘myaudio‘);
var myimg = document.getElementById(‘myimg‘);
//获取url
var href= $(this).attr(‘data‘);
var src =$(this).attr(‘class‘);
//给播放器添加url
myAudio.src=‘http://ws.stream.qqmusic.qq.com/C100‘+href+‘.m4a?fromtag=0‘;
myimg.src=‘//y.gtimg.cn/music/photo_new/T002R300x300M000‘+src+‘.jpg‘;
//播放音乐
myAudio.play();
});
},
error:function (e) {
console.log(‘error‘);
Indicator.close();
}
});
}
播放歌曲
let url = ‘http://ws.stream.qqmusic.qq.com/C100‘+songmid+‘.m4a?fromtag=0
歌曲图片
//y.gtimg.cn/music/photo_new/T002R300x300M000+albummid+.jpg
原文:https://www.cnblogs.com/chenlove/p/8796991.html
ajax获取qq音乐源码,ajax请求QQ音乐相关推荐
- ajax查询功能查询源码,ajax实现分页查询功能
ajax分页查询功能的详细代码,供大家参考,详细内容如下 显示的效果如下: 实现效果的代码如下: 1.fenye.php 无标题文档 .list:hover{ cursor:pointer} #pre ...
- ajax jsp模糊查询源码,ajax模糊查询api
ajax模糊查询api 内容精选 换一换 使用标签过滤实例POST /v2/{project_id}/{resource_type}/resource_instances/action请求样例acti ...
- ajax jsp模糊查询源码,Ajax动态执行模糊查询功能
Ajax动态执行模糊查询功能 内容精选 换一换 Profiling采集的数据较多,同时解析后展示的性能指标项也比较多,为方便用户快捷查找到具体性能指标的含义,提供命令行查询功能:不包含metric_n ...
- php ajax无刷新分页源码,ajax实现无刷新分页(php)
投票结果 function GetXmlHttpObject() { var xmlHttp=null; try { // Firefox, Opera 8.0+, Safari xmlHttp=ne ...
- qq农场 源码java_HappyFarm 仿QQ农场游戏源代码 - 下载 - 搜珍网
压缩包 : c60fe0859b5ce46371822c355b3c17.zip 列表 HappyFarm-master/ HappyFarm-master/.classpath HappyFarm- ...
- 带后台管理的超酷jquery+ajax幻灯相册php源码,仿门户网图片频道的jQuery幻灯相册轮播代码...
推荐 jquery画廊特效 支持缩略图预览和全屏展示及图片描述 这是款基于jquery的画廊相册特效,功能较全面,可支持缩略小图预览,幻灯图片全屏展示,可显示多种规格的图片,包括全屏显示高清大图,以及 ...
- 第三篇:白话tornado源码之请求来了
上一篇<白话tornado源码之待请求阶段>中介绍了tornado框架在客户端请求之前所做的准备(下图1.2部分),本质上就是创建了一个socket服务端,并进行了IP和端口的绑定,但是未 ...
- java使用websocket,并且获取HttpSession,源码分析
一:本文使用范围 此文不仅仅局限于spring boot,普通的spring工程,甚至是servlet工程,都是一样的,只不过配置一些监听器的方法不同而已. 本文经过作者实践,确认完美运行. 二:Sp ...
- Tomcat7.0源码分析——请求原理分析(上)
前言 谈起Tomcat的诞生,最早可以追溯到1995年.近20年来,Tomcat始终是使用最广泛的Web服务器,由于其使用Java语言开发,所以广为Java程序员所熟悉.很多早期的J2EE项目,由程序 ...
最新文章
- 【流媒體】jrtplib—VS2010下RTP开源协议库JRTPLIB3.9.1编译
- thinkPHP5.0 URL路由优化
- metinfov5.0.4漏洞复现
- 抽走超大桌布之后保持桌面物体不掉,需要多快的速度?
- css宽高自适应布局,实现Sticky Footer的三种布局方式
- 给程序员的二十条人生建议
- mallcloud商城基于SpringBoot2.x
- google 插件_google这4款插件我每天都用,省时无数
- 基于UPS效率进行准确的效用成本分析
- Essential Phone PH1原生系统常见问题以及解答
- mc云服务器配置要求_云服务器 IPV6的配置
- python难学吗-Python入门很难吗? 为什么越来越多的人都学Python?
- C# string 转 bool
- 凯撒密码的实践使用-1
- K3 设置为AP,用于软件路由的后级。
- 万人规模互联网公司的企业IT基础架构概览
- 计算机桌面我是电脑丢失,计算机修改用户后,桌面文件丢失. 电脑桌面
- C语言 数组插入 – 插入排序
- 如何让域用户安装需要管理员权限的软件
- 【Autogluon】傻瓜式深度学习框架
热门文章
- WinCE驱动开发问题精华集锦
- linux进程和线程教程,Linux下查看进程和线程
- android+3.0新加的动画,Android动画片
- python多级字典_Python多层字典取值
- 平台系统云服务器配置,01-云平台连接配置
- 河流水质指标预测与不确定性分析:机器学习模型的比较研究--文献阅读
- 【转】Asp.net的生命周期应用之IHttpModule和IHttpHandler
- C#语言之“string格式的日期时间字符串转为DateTime类型”的方法
- vb checkbox选中和不选中_UE4 4.23 RetainerBox 选中框位置不正确
- 算法 -克鲁斯卡尔算法