jQuery+ajax实现文章点赞功能的方法

前端之家收集整理的这篇文章主要介绍了jQuery+ajax实现文章点赞功能的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了jQuery+ajax实现文章点赞功能方法分享给大家供大家参考,具体如下:

前几日有童鞋问我索要本站右上角的点赞功能,麦葱左思右想,决定把这功能分享出来,希望此功能对各位会带来方便哦。

代码很简单,jQuery+PHP实现的。

jQuery代码

").text("+1"),n=parseInt($i.text()); $b.css({ "bottom":0,"z-index":999,}); $i.text(n+1); $(".zan").append($b); $b.animate({"bottom":100,"opacity":0},1000,function(){$b.remove();}); var d = setInterval(function(){ clearInterval(d); if($(".zan b").length == 1){ $.post("",{zan:$i.text()}) } },1000) e.stopPropagation(); }); });

PHP代码

PHP;">

HTML代码

看官们给了 个赞

配上合适的css样式:

就是这样,简单吧!

下面是完整代码

<Meta charset="utf-8"> 我要点赞
看官们给了 个赞

标题都说了是无上限点赞的,So,麦葱告诉大家个小诀窍:

当然,如果你使用了加速乐防CC(麦葱就是),怒赞请求量过多,会被屏蔽掉哦!除非你取消掉jQuery里的POST

希望本文所述对大家jQuery程序设计有所帮助。

原文链接:https://www.f2er.com/ajax/50798.html

猜你在找的Ajax相关文章