商品详情页面实现点击收藏,取消收藏
来源:互联网 发布:反贪风暴 知乎 编辑:程序博客网 时间:2024/05/16 19:13
html代码:
<!-- 收藏商品 -->{if condition="$is_member_fav_goods == 0"}<a href="javascript:;" class="new-btn buy-cart fav" onclick="collectionGoods({$goods_detail.goods_id},'goods','{$goods_detail.goods_name}',this);" data-log-id="{$is_member_fav_goods}"><i class="fa fa-heart-o" aria-hidden="true"></i><span class="desc">收藏</span></a>{else/}<a href="javascript:;" class="new-btn buy-cart fav" onclick="collectionGoods({$goods_detail.goods_id},'goods','{$goods_detail.goods_name}',this);" data-log-id="{$is_member_fav_goods}"><i class="fa fa-heart" aria-hidden="true"></i><span class="desc">收藏</span></a>{/if}
js代码:
<script>/* * 收藏商品 */var is_click = false;function collectionGoods(fav_id, fav_type, log_msg,obj) {var uid = $("#hidden_uid").val();if (uid != null && uid != "") {var logid = $(obj).attr("data-log-id");if(is_click){return false;}is_click = true;//未收藏添加收藏if (logid == 0) {$.ajax({url : "{:__URL('APP_MAIN/Member/FavoritesGoodsorshop')}",type : "post",async : false,data : {"fav_id" : fav_id,"fav_type" : fav_type,"log_msg" : log_msg},success : function(data) {if (data.code > 0) {$(obj).find("i").attr("class","fa fa-heart");$(obj).attr("data-log-id",1);showBox("收藏成功");}is_click = false;}});} else {//已收藏取消收藏$.ajax({url : "{:__URL('APP_MAIN/Member/cancelFavorites')}",type : "post",async : false,data : {"fav_id" : fav_id,"fav_type" : fav_type},success : function(data) {if (data.code > 0) {$(obj).find("i").attr("class","fa fa-heart-o");$(obj).attr("data-log-id",0);showBox("取消收藏成功");}is_click = false;}});}} else {location.href = "{:__URL('APP_MAIN/Login')}";}}</script>
阅读全文