记录每个赞的点赞用户，以及对赞的数量统计
首先判断用户是否点赞。根据是否点赞，载入不同的HTML，调用不同的方法
已点赞
如果已点赞，显示已点赞的HTML，进行取消点赞 *** 作
相关学习推荐：php编程（视频）
未点赞
如果未点赞，显示未点赞的HTML，进行点赞 *** 作
对于不同 *** 作，对数据库进行增加或减少 *** 作。同时对于不同用户的点赞，进行增加记录或删除记录 *** 作。通过控制不同按钮的背景，来显示不同的效果。通过记录不同用户的用户ID和赞的ID之间的关系，进行不同点赞的限制。
效果演示
当用户ID为1时，进行点赞，点赞数加1
更改用户ID,当ID为2时，用户1的用户已进行了点赞，点赞数在用户1点赞基础上增加1
数据库
数据库，分为两个数据表。一个进行对点赞数的统计，一个进行不同用户的点赞记录。
两个数据表的详细信息
连接数据库
$con = new MysqLi('localhost','root','','test'); if (!$con) { dIE('连接数据库失败，失败原因：' . MysqLi_error()); }else { // echo "连接成功"; }对用户是否点赞进行判断（ *** 作页面）
对数据库的信息进行提取
//假设用户编号为1 $uID="1"; //假设赞编号为1 $zanID="1"; //查找赞ID为1的点赞数 $count=MysqLi_query($con, "SELECT count FROM zanCount WHERE zanID=$zanID "); $countResult=MysqLi_fetch_array($count); $countZan=$countResult['count']; //查找改用户是否对赞ID为1 点赞 $uIDlike=MysqLi_query($con, "SELECT * FROM zanRecord WHERE uID=$uID "); $result=MysqLi_fetch_array($uIDlike);
对用户是否点赞进行判断，并输出不同的HTML
//点赞if (isset($result)) { $showZan.=<<<HTML <p class="dolikep" ID="dolikep"> <button ID="dolike" οnclick="zanDel()"></button> <span ID="zan">$countZan</span> </p>HTML; } //没点赞 else { $showZan.=<<<HTML <p class="dolikep" ID="dolikep"> <button ID="donolike" οnclick="zan()"></button> <span ID="zan">$countZan</span> </p>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", url:"./likeSever.PHP", data:{'zanID':$("#zanID").val(),'uID':$("#uID").val()}, success:function(text){ $("#dolikep").HTML(text); } }); }取消点赞
function zanDel(){ $.AJAX({ type:"POST", url:"./disSever.PHP", data:{'zanID':$("#zanID").val(),'uID':$("#uID").val()}, success:function(text){ $("#dolikep").HTML(text); } }); }处理代码
点赞处理
//更新赞总数的数据 MysqLi_query($con,"UPDATE zanCount SET count = count+1 WHERE zanID=$zanID"); //添加一条点赞记录 MysqLi_query($con,"INSERT INTO zanRecord(zanID,uID) VALUES($zanID, $uID); "); //查找赞的总数 @$count=MysqLi_query($con, "SELECT 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 SET count = count-1 WHERE zanID=$zanID"); //添加一条点赞记录 MysqLi_query($con,"DELETE FROM zanRecord WHERE zanID=$zanID AND uID=$uID "); //查找赞的总数 @$count=MysqLi_query($con, "SELECT 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 局部刷新点赞/取消点赞功能所遇到的程序开发问题。
如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）