收藏功能实现及源代码

来源：互联网发布：如何做淘宝优惠券群主编辑：程序博客网时间：2024/06/17 20:36

js实现收藏功能。
首先在加载页面的时候判断用户是否收藏。

$(document).ready(function(){    var bookID = $("#curbookbookID").text();    var userID = $("#userIconuserID").text();    //alert(authorID);    //判断读者是否登录   if(userID == 0){       $(".nologinmain").show();   }    //--------------------------------------收藏文章区域---------------------------------------------------//    //判断读者是否收藏    if (userID == 0) {    }else{    $.post("FrontUserCollectServlet.do?action=check",{bookID:bookID,userID:userID},function(result){        if(result == 1){            $(".btn_fav").html("★已收藏");            $(".btn_fav").css("background-color","#FF7F50");        }    });    }});

然后单击#addCollect的时候先判断数据库中是否存在收藏再执行相关操作（写博客的时候突然发现这一步与上一步有些重复，并不需要再一次检查数据库中是否存在，只需要获取.btn_fav里的值再执行相应操作即可）

$("#addCollect").click(function(){        if (userID == 0) {            //alert("登录后才能收藏哦");             $("#failCollect").show();             setTimeout(function(){$("#failCollect").hide();},1000);        }else{        $.post("FrontUserCollectServlet.do?action=check",{bookID:bookID,userID:userID},function(result){            if(result == 0){//数据库中没有收藏,点击收藏操作                $.post("FrontUserCollectServlet.do?action=add",{bookID:bookID,userID:userID},function(msg){                    $("#successCollect").show();                    $(".btn_fav").html("★已收藏");                    $(".btn_fav").css("background-color","#FF7F50");                     setTimeout(function(){$("#successCollect").hide();},1000);                });            }            else{//数据库存在收藏,点击删除收藏操作               $.post("FrontUserCollectServlet.do?action=del",{bookID:bookID,userID:userID},function(msg){               $("#successDelCollect").show();               $(".btn_fav").html("加入收藏");               $(".btn_fav").css("background-color","#FFC125");               setTimeout(function(){$("#successDelCollect").hide();},1000);            });            }        })        }    });

0 0