php怎么实现收藏夹功能,前端--收藏功能的实现

//一进入页面查询一下当前项目收藏、非收藏状态，点击后进行收藏、取消收藏

$.ajax({

url:"../star/selectStarStateByProjectId.do",

type:"post",

data: {

USER_ID :Userid,//用户id

projectId:project_id//项目ID

},

success:function(data) {if (data.ret == 1) {//mui.toast("您已收藏");//当前项目的当前状态

$(".mui-icon-star").css({"color":"#007aff"});//已收藏项目为蓝色

//已收藏，点击后就是取消收藏

var i = 0;//默认值为0

//点击后判断是执行收藏还是取消收藏

$(".mui-icon-star").on("click", function(e) {var k = 0;

i++;//如果当前是非收藏状态，点击后就执行收藏操作

if (i % 2 == 0) {

$.ajax({

url:"../star/addStar.do",

type:"post",

data: {

USER_ID:Userid,//用户id

projectId:project_id//项目ID

},

success:function(data) {if (data.ret == 1) {

mui.toast(data.data);//取消收藏成功，图标变为原样

$(".mui-icon-star").css({"color":"#007aff"});

}else if (data.ret == 0) {

mui.toast("添加收藏失败！");

}

},

error:function() {

mui.toast("添加收藏成功！");

}

})//如果当前是收藏状态，点击后就执行取消收藏操作

} else{

$.ajax({

url:"../star/unStar.do",

type:"post",

data: {

USER_ID:Userid,//用户id

projectId:project_id//项目ID

},

success:function(data) {if (data.ret == 1) {

mui.toast(data.data);//取消收藏成功，图标变为原样

$(".mui-icon-star").css({"color":"black"});

}else if (data.ret == 0) {

mui.toast("取消收藏失败！");

}

},

error:function() {

mui.toast("取消收藏失败！");

}

})

}

})

}else if (data.ret == 0) {

mui.toast("您未收藏！");//当前状态为未收藏

var i = 0;//点击按钮后，判断是执行添加收藏还是取消收藏

$(".mui-icon-star").on("click", function(e) {var k = 0;

i++;if (i % 2 == 0) {

$.ajax({

url:"../star/unStar.do", //取消收藏

type: "post",

data: {

USER_ID:Userid,//用户id

projectId:project_id//项目ID

},

success:function(data) {if (data.ret == 1) {

mui.toast(data.data);//取消收藏成功，图标变为原样

$(".mui-icon-star").css({"color":"black"});

}else if (data.ret == 0) {

mui.toast("取消收藏失败！");

}

},

error:function() {

mui.toast("取消收藏失败！");

}

})

}else{//未收藏状态下，点击后执行收藏操作

$.ajax({

url:"../star/addStar.do",

type:"post",

data: {

USER_ID:Userid,//用户id

projectId:project_id//项目ID

},

success:function(data) {if (data.ret == 1) {

mui.toast(data.data);//添加收藏成功，图标变为蓝色

$(".mui-icon-star").css({"color":"#007aff"});

}else if (data.ret == 0) {

mui.toast("添加收藏失败！");

}

},

error:function() {

mui.toast("添加收藏失败！");

}

})

}

})

}

},

error:function() {

mui.toast("查询失败！");

}

})