原生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，也可以再加一些字符，以便区分，我这里是没有添加。