携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第17天，点击查看活动详情
删除选中的歌曲逻辑
//删除选中逻辑在查询逻辑里
$(function(){
$('#submit1').click(function(){
var name = $("#exampleInputName2").val();
load(name);
});
//当查询结束才可进行选中删除(有了音乐列表)
$.when(load).done(function(){
//选中删除逻辑!
$("#delete").click(function(){
var id = new Array();
var i = 0;//数组下标!
//遍历input标签下的checkbox
$("input:checkbox").each(function(){
//判断是否选中!
if($(this).is(":checked")){
//获取input里面的id值!
id[i] = $(this).attr('id');
i++;
}
});
console.log(id);
$.ajax({//将获取到的id发送给服务器!
url:"/music/deleteAll",
data:{"id":id},
type:'post',
success:function(body){
if(body.status==0){
alert("删除成功!");
window.location.href="list.html";
}else{
alert("删除失败!");
}
}
});
});
});
});
验证结果:
收藏音乐逻辑
$(function(){
load();
});
//musicName可以传参,也可以不传
function load(musicName){
$.ajax({
url:"/lovemusic/findLoveMusic",//指定路径
type:"get",
data:{"musicName":musicName},
dataType:"json", //设置服务器返回json数据
success:function(body){//回调函数
console.log(body);
var s = '';
var data = body.data;//数组!
for(var i = 0;i<data.length;i++){
var musicUrl = data[i].url+'.mp3';
s += '<tr>';
s += '<td>' + data[i].title + '</td>';
s += '<td>' + data[i].singer + '</td>';
s +='<td > <button class="btn btn-primary" onclick="playerSong(''+musicUrl+'')" >播放歌曲</button>' +
'</td>';
s +='<td > <button class="btn btn-primary" onclick="deleteInfo('+ data[i].id + ')" >移除</button>' +
'</td>';
s += '</tr>';
}
$("#info").html(s);//把拼接好的页面放在info的id下
}
});
}
//播放音乐
function playerSong(obj) {
console.log(obj)
var name = obj.substring(obj.lastIndexOf('=')+1);
//obj:播放地址 name:歌曲或者视频名称 0:播放开始时间 false:点击后自动播放
SewisePlayer.toPlay(obj,name,0,true);
}
//删除音乐
function deleteInfo(obj){
console.log(obj);
$.ajax({
url:"/lovemusic/deleteloveMusic",
type:'post',
dataType:"json",
data:{"id":obj},
success:function(body){
console.log(body);
if(body.data==true){
//删除成功!
alert("移除成功!");
window.location.href = "loveMusic.html";
}else{
alert("移除失败!");
}
}
});
}
验证结果:
实现收藏功能逻辑
//在list.html文件中添加一个收藏歌曲函数即可!
//收藏歌曲
function loveInfo(obj){
$.ajax({
url:"/lovemusic/likeMusic",
type:"post",
data:{"id":obj},
dataType:"json",
success:function(body){
if(body.data==true){
alert("收藏成功!");
window.location.href="list.html";
}else{
alert("收藏失败!");
}
}
})
}
验证结果:
