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

$.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("查询失败!");

}

})

php怎么实现收藏夹功能,前端--收藏功能的实现相关推荐

  1. 那一天我彻夜未眠,为CSDN收藏夹添加了搜索功能

    写在前面:博主是一只经过实战开发历练后投身培训事业的"小山猪",昵称取自动画片<狮子王>中的"彭彭",总是以乐观.积极的心态对待周边的事物.本人的技 ...

  2. 各大IT公司笔试真题汇总开发人员一定要加入收藏夹的网站(收藏)

    巨人网络java笔试基础题分享 http://www.coderarea.net/bbs/read.php?tid=834 百度笔试题 http://www.coderarea.net/bbs/rea ...

  3. edge如何导入html文件收藏夹,edge浏览器收藏夹如何导入?edge浏览器收藏夹导入方法...

    在使用浏览器的时候需要用户进行多方便的导入和使用,这样在数据共享和传递的时候才会更加的方便,那么这款软件要如何操作使用呢,有兴趣的用户可以使用手机快速申请使用,帮助用户的生活,让用户的生活更加的便捷, ...

  4. 收藏功能_微软Edge获得了新的收藏夹菜单、PDF功能等

    作为其今年早些时候概述的战略的一部分,微软Edge现在正在向所有Windows 10 PC推出.与经典的Edge不同,Chromium Edge与任何特定的Windows更新无关,但微软又开始为该浏览 ...

  5. 360html收藏夹,360极速浏览器收藏夹在什么地方?

    通常我们会将经常访问的网站添加到收藏夹,这样方便我们打开网站,不用在输入网址.不过有使用360浏览器的用户反映,找不到360极速浏览器收藏夹,那么360极速浏览器的收藏夹到底在哪里呢?下面和小编一起来 ...

  6. win7 计算机不显示收藏夹,Win7电脑收藏夹不能用怎么解决?Win7电脑收藏夹不能用解决方法...

    最近有用户反映在使用Win7系统时,发现无法使用计算机收藏夹.这是什么原因呢?这个问题通常是由于没有合法的路径和位置来存储喜欢的网页,那么如果Win7系统收藏夹无法使用,该怎么办?这里小编就和大家分享 ...

  7. win7计算机收藏夹位置,Win7收藏夹在哪?Win7怎么找收藏夹文件路径?

    收藏夹无论对于IE浏览器还是对于我们来讲都非常重要,因为我们收藏的网页都在收藏夹中.那么,Win7收藏夹在哪呢?Win7怎么找收藏夹文件路径呢?下面,我们一起往下看看吧! 方法步骤 一.怎么找收藏夹文 ...

  8. win7计算机收藏夹位置,Win7收藏夹保存在哪里?Win7查看收藏夹网址保存在哪里的方法...

    Win7收藏夹保存在哪里?不管哪个浏览器都有自带收藏夹,我们有的时候,遇到好的内容就会保存起来,直接保存到收藏夹里面去了.但有Win7系统的用户问,我之前有在收藏夹里保存网址,但是不知道保存在哪个文件 ...

  9. 搜狗浏览器收藏夹转Firefox收藏夹的脚本

    应同一个办公室的某人的要求,拿到了她的搜狗浏览器导出的收藏夹列表:一个XML文件,她准备向Firefox迁移,但是却发现Firefox下能导入的 收藏夹只有html和json两种格式(可能还有更多,但 ...

  10. 注册表收藏夹任你玩(4招)

    第一部分: 一.什么是注册表 注册表是2000/XP操作系统.硬件设备以及客户应用程序得以正常运行和保存设置的核心"数据库",也可以说是一个非常巨大的树状分层结构的数据库系统.   ...

最新文章

  1. 智能车大赛AI视觉组培训第一弹——基础篇
  2. ElementUI之row-click
  3. 流控组件Sentinel核心注解@SentinelResource中的参数fallback和blockHandler的使用方式
  4. JAVA 构建使用 Native 库
  5. 数据库快照,自定义函数与计算列
  6. Notepad++如何对比文件 Notepad++对比两个文件代码方法
  7. PAT 乙级 1054. 求平均值 (20) Java版
  8. vue | 基于vue的城市选择器和搜索城市对应的小区
  9. Flutter之CupertinoSwitch和Switch开关组件的简单使用
  10. 参数学习/非参数学习算法
  11. r语言保存成html文件,R语言统计结果输出至本地文件的几种方法示例
  12. 桌面环境选择_如何在 Ubuntu 20.04 LTS 上安装深度(Deepin)桌面环境 | Linux 中国
  13. php管理后台,后台管理主页面 admin.php
  14. 计算机安装win10系统还原,解决win10电脑一键还原教程
  15. Android基于百度地图的拖拽定位(地图可以拖动,定位图标不动)
  16. 如何利用Python开发App?
  17. JDK1.8 Collection知识点与代码分析--TreeMap
  18. mounted和created的区别
  19. 数组元素循环左移n个位置(JAVA)
  20. 联通手机自动做任务领流量

热门文章

  1. if函数的语法c语言并列,逻辑函数IF的各种使用方法
  2. 免手机验证码网站备案
  3. 微信小程序获取的微信头像模糊或者无法显示
  4. Java实现 N的阶乘
  5. Pytorch系列(七):猫狗大战3-MobileNet_V3
  6. excel 数组公式
  7. 网络设备自动巡检工具(五)——由自动巡检引发的遐想【2020-10-30】
  8. 元素偏移量offset的学习
  9. kvm迁移镜像启动报错
  10. 两波形相位差的计算值_国际学科备考系列A-level物理:相位和相位差的数学解释及物理应用...