下载鸥 > 网站下载 > 开发教程 > PHP

php实现无刷新在线点赞功能

936 2021-02-12 20:13:24

收藏

在用php实现无刷新在线点赞功能前,我们需要知道这个功能逻辑流程是什么,其实很简单。首先没点赞的时候显示默认的HTML样式,当点赞就用PHP+AJAX读取数据库内的字段,返回判断是否已经存在,存在代表已经点赞,不存在就写入,然后更改HTML样式。

 

下面详细讲解,首先需要建立一个数据库,分为两个数据表。一个进行对点赞数的统计,一个进行不同用户的点赞记录。

写PHP接口,首先连接这个数据库。

$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
<div class="dolikeDIV" id="dolikeDIV">
<button id="dolike" οnclick="zanDel()"></button>
<span id="zan">$countZan</span>
</div>
html;
}
//没点赞
else
{
$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",
url:"./likeSever.php",
data:{'zanId':$("#zanId").val(),'uId':$("#uId").val()},
success:function(text){
$("#dolikeDIV").html(text);
}
});
}

取消点赞

function zanDel()
{
$.ajax({
type:"POST",
url:"./disSever.php",
data:{'zanId':$("#zanId").val(),'uId':$("#uId").val()},
success:function(text){
$("#dolikeDIV").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;
//更新赞总数的数据
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;

本文地址:https://xzo.com.cn/develop/php/541.html

有帮助,很赞!

信息来源:精准像素
导出教程 下载word版教程
发表评论 共有条评论
关于PHP

PHP是一种服务器端、跨平台、html嵌入式的脚本语言,其功能十分强大、入门简单。在过去,民间一直有说法称“PHP是最好的编程语言”,是PHP开发者对自身所使用语言的肯定。

PHP曾是最主流的网站web开发语言之一,现在也依然十分流行。

推荐PHP开发教程
str_replace怎样一次性替换多个值(数组)?
str_replace怎样一次性替换多个值(数组)?

我们知道,str_replace是可以执行替换命令的,但一般是用于一对一替换,这个很好...

1 351
当缓存文件大于4KB,不能用cookie时的替代方案就是session
当缓存文件大于4KB,不能用cookie时的替代方案就是session

鸥哥最近在开发一个项目,出于对用户隐私的保护,数据一概不能存储到数据表,而是...

1 359
php简单的数组介绍与应用
php简单的数组介绍与应用

数组在实际开发过程中运用非常频繁,通过合理运用数组,我们可以顺利实现各种数...

1 287
php多维数组foreach循环
php多维数组foreach循环

多维数组在实际开发中比较常见,要foreach循环也很简单。...

0 342
php分割中文字符源码分享与可行性分析
php分割中文字符源码分享与可行性分析

php分割中文字符,之前计划的是可用于搜索结果、tag结果关键词标红。但在实际...

0 324
php基础应用:获取今天是星期几并给变量赋值
php基础应用:获取今天是星期几并给变量赋值

在网站的开发过程中,我们经常需要获取今天是星期几,并根据星期的不同而进行不...

0 323
php常用基础函数isset()介绍
php常用基础函数isset()介绍

isset() 函数用于检测变量是否已设置并且非 NULL。如果已经使用 unset() 释...

0 311
PHP的for循环为什么只执行了一次就停止了?
PHP的for循环为什么只执行了一次就停止了?

今天有朋友咨询鸥哥,说php写的for循环本来至少要循环9次,但却只执行了一次就...

1 328
推荐插件
帝国cms批量添加后台用户插件
帝国cms批量添加后台用户插件

使用帝国cms的企业用户、新闻资讯类站点的用户很多,此类站点很多时候需要有...

0 570
帝国cms智能自动审核按星期几审核指定栏目带推送插件
帝国cms智能自动审核按星期几审核指定栏目带推送插件

采集站的必备资源是自动审核,要做到日收录也离不开定时发布。而本插件的自动...

0 1122
帝国cms百度AI图像清晰度增强api接口对接插件
帝国cms百度AI图像清晰度增强api接口对接插件

通过本插件,可以实现帝国cms网站对接百度云api实现图像清晰度增强的功能。经...

0 393
帝国cms多栏目多数据表自动审核推送插件
帝国cms多栏目多数据表自动审核推送插件

本插件基于帝国cms帝国cms每日自动审核插件,在自动审核指定条数信息的基础上...

0 772
帝国cms百度AI黑白图像上色api接口对接插件
帝国cms百度AI黑白图像上色api接口对接插件

百度开放了系列AI功能api如图像上色、图像去雾、图像修复、无损放大、清晰...

0 305
帝国cms纳米数据接口(足球比赛中最新数据)
帝国cms纳米数据接口(足球比赛中最新数据)

帝国cms 对接纳米数据(www.nami.com)接口,本接口主要接收、整理足球比赛实时数...

0 162
帝国cms联想词搜索高级搜索插件下载
帝国cms联想词搜索高级搜索插件下载

帝国CMS自带的搜索功能虽然强大,但也有很强的局限性 -- 必须关键词完全匹配...

0 606
帝国cms自动生成文章新闻目录插件下载
帝国cms自动生成文章新闻目录插件下载

用户体验是我们的需求,百度蜘蛛的认可更是我们的需求。毕竟,没有收录排名,何来...

0 954
客服QQ:341553759
扫码咨询 常见问题 >
官方交流群:90432500
点击加入