导航栏

文章

  • 首页
  • 查看历史

导航栏

  • 登陆
    • QQ登陆 微博登陆
  • 其他
    • 图标库
  • 夜间模式
  • 退出登录

【亲测】原生js 和 jquery 实现点赞按钮的效果【亲测】


作者:科技小锅盖             时间:2021-1-29 13:52             站长QQ:1540217035

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




推荐

苹果或会在3月23日举办今年第一场发布会 AirTags追踪贴可能会现身

2021-03-09 09:22:46

三星Note10系列发布会除了手机,还有哪些硬件产品?

2020-06-02 14:21:24

【亲测】超级好用的工具网站推荐 【亲测】

2022-06-15 09:48:44

小米10 Pro+ 要来啦或采用今年最强快充组合

2020-07-30 17:15:14

【亲测】 Call to undefined function Illuminate\Filesystem\symlink() 【亲测】

2021-07-14 10:24:36

三星Note20系列正式发布:配置很顶级,但价格更贵了

2020-08-06 14:32:06

【亲测】composer1 更新文件报内存溢出:更新命令【亲测】

2021-09-29 19:14:40

【亲测】PHP如何快速的往MySQL插入百万级数据【亲测】

2021-08-13 17:30:43

【亲测】ab测压工具实例运行【亲测】

2021-09-03 14:39:06

【亲测】spotify 挂代理无法注册怎么办? 知道方法我懵了【亲测】

2022-02-14 15:35:16

陕ICP备2021003534号-1 科技小锅盖 保留所有权利 网站地图 站长QQ:1540217035
    友情链接:
  • 米醋儿
  • 笔墨