原生js 和 jquery 实现点赞按钮的效果
1、html的写法
{if $v.isparise == 1} <a href="javascritp:;" onclick="user_like('{$v.id}')" id="{$v.id}" class="dz dz_blue">{$v.praise}</a> {else/} <a href="javascritp:;" onclick="user_like('{$v.id}')" id="{$v.id}" class="dz ">{$v.praise}</a> {/if}
前端的这个a标签的id是当前项目的id,不能用相同的id,否则会出现一个点赞全家都赞的假象。
2、ajax的写法
$.post(url,{id:id},function (e) { if(e.code ==200){ document.getElementById(id).innerText=e.count; $("#"+id).addClass("dz_blue"); } else { document.getElementById(id).innerText=e.count; $("#"+id).removeClass("dz_blue"); } })
这里主要就是js和hquery的拼接
(1)、jquery的$("#"+id) 主要是这个id的拼接不能有问题,否则就无法反馈。
(2)、js的直接id放到getElementById(id)直接id放过去就可以。
需要注意的就是相关的参数都是当前的项目id,也可以再加一些字符,以便区分,我这里是没有添加。
推荐