首页 > 作文

php+mysql+ajax 局部刷新点赞/取消点赞功能(每个账号只点赞一次)

更新时间:2023-04-08 22:03:36 阅读: 评论:0

记录每个赞的点赞用户,以及对赞的数量统计
首先判断用户是否点赞。根据是否点赞,载入不同的html,调用不同的方法

已点赞

如果已点赞,显示已点赞的html,进行取消点赞操作

未点赞

如果未点赞,显示未点赞的html,进行点赞操作

对于不同操作,对数据库进行增加或减少操作。同时对于不同用户的点赞,进行增加记录或删除记录操作。通过控制不同按钮的背景,来显示不同的效果。通过记录不同用户的用户id和赞的id之间的关系,进行不同点赞的限制。

效果演示

当用户id为1时,进行点赞,点赞数加1

更改用户id,当id为2时,用户1的用户已进行了点赞,点赞数在用户1点赞基础上增加1

数据库

数据库,分为两个数据表。一个进行对点赞数的统计,一个进行不同用户的点赞记录。

两个数据表的详细信息

连接数据库

$con = new mysqli('localhost','root','','test');if (!$con){ die('连接数据库失败,失败原因:' . mysqli_error());}el { // echo "连接成功";}

对用户是否点赞进行判断(操作页面)

对数据库的信息进行提取

//假设用户编号为1$uid="1";//假设赞编号为1$zanid="1";//查找赞id为1的点赞数$count=mysqli_query($con, "lect count from zancount where zanid=$zanid ");$countresult=mysqli_fetch_array($count);$countzan=$countre初夏雨后sult['count'];//查找改用户是否对赞id为1 点赞$uidlike=mysqli_query($con, "工艺技术员岗位职责lect * from zanrecord where uid=$uid ");$result=mysqli_fetch_array($uidlike);

对用户是否点赞进行判断,并输出不同的html

//点赞if (ist($result)) { $showzan.=<<<html  <div class="dolikediv" id="dolikediv"> <button id="dolike" οnclick="zandel()"></button> <span id="zan">$countzan<描写建筑的四字词语/span>  </div>html;  }//没点赞el{ $showzan.=<<<html <div class="dolikediv" id="dolikediv"> <button id="donolike" οnclick="zan()"></button> <span id="zan">$countzan</span> </div>html;}echo $showzan; ?>

css样式

#dolike, #donolike {  width:30px; height:30px;  margin-left:20px; float:left;}#donolike {background:url(./images/nolike.png); background-size:30px 30px; }#dolike{background:url(./images/like.png); background-size:30px 30px;  }

调用的ajax方法

传递需要的数据,这里传递的时zanid 和uid
记得引入jq文件
点赞

function zan(){$.ajax({type:"post",ur亚洲大学排名榜l:"./likever.php",data:{'zanid':$("#zanid").val(),'uid':$("#uid").val()},success:function(text){$("#dolikediv").html(text);}});}

取消点赞

function zandel(){$.ajax({type:"post",url:"./disver.php",data:{'zanid':$("#zanid").val(),'uid':$("#uid").val()},success:function(text){$("#dolikediv").html(text);}});}

处理代码

吸血 老太婆

点赞处理

//更新赞总数的数据 mysqli_query($con,"update zancount t count = count+1 where zanid=$zanid");  //添加一条点赞记录  mysqli_query($con,"inrt into zanrecord(zanid,uid) values($zanid, $uid); ");  //查找赞的总数 @$count=mysqli_query($con, "lect count from zancount where zanid=$zanid "); @$countresult=mysqli_fetch_array($count); @$countzan=$countresult['count'];  //更改输出的html $show=""; $show=<<<html <button id="dolike" οnclick="zandel()"></button><span id="zan">$countzan</span>html; echo $show;

取消点赞处理

//更新赞总数的数据 mysqli_query($con,"update zancount t count = count-1 where zanid=$zanid");  //添加一条点赞记录 mysqli_query($con,"delete from zanrecord where zanid=$zanid and uid=$uid ");  //查找赞的总数 @$count=mysqli_query($con, "lect count from zancount where zanid=$zanid "); @$countresult=mysqli_fetch_array($count); @$countzan=$countresult['count'];  //更新html $show=""; $show.=<<<html <button id="donolike" οnclick="zan()"></button><span id="zan">$countzan</span>html;

点赞的图片
图片自己画的,有点不太美观

到此这篇关于php+mysql+ajax 局部刷新点赞/取消点赞功能(每个账号只点赞一次)的文章就介绍到这了,更多相关php+mysql+ajax 局部刷新点赞内容请搜索www.887551.com以前的文章或继续浏览下面的相关文章希望大家以后多多支持www.887551.com!

本文发布于:2023-04-08 22:03:34,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/099a9132411cd49541e98e86ad575069.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:php+mysql+ajax 局部刷新点赞/取消点赞功能(每个账号只点赞一次).doc

本文 PDF 下载地址:php+mysql+ajax 局部刷新点赞/取消点赞功能(每个账号只点赞一次).pdf

标签:用户   操作   总数   数据库
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图