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

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

975 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开发教程
PHP排序函数sort、asort、rsort、krsort、ksort区别与用法详解
PHP排序函数sort、asort、rsort、krsort、ksort区别与用法详解

在php中自带了大量了数组排序函数,使用起来非常简单,下面我们一一来介绍一下...

3 409
宝塔Nginx免费防火墙提示post参数(post_max_size)值长度超过20w已被系统拦截怎么办?
宝塔Nginx免费防火墙提示post参数(post_max_size)值长度超过20w已被系统拦截怎么办?

页面提交post请求后被宝塔防火墙拦截,查看日志显示错误:参数值长度超过20w已...

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

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

0 397
怎样在每次发起请求时重置session_id?
怎样在每次发起请求时重置session_id?

在一些开发场景中,我们需要在每次发起请求后更新重置session_id以同步用户数...

3 365
php怎样开启debug调试模式?
php怎样开启debug调试模式?

我们使用php开发网站的时候,经常会需要调试确保功能正常。而如果功能出现异...

0 599
json数据{}转为php数组[]
json数据{}转为php数组[]

json是使用非常广泛的数据,通过使用json,我们还可以实现多种语言的联动。今天...

0 342
什么是高并发,与CPU,内存,分布式有什么关系
什么是高并发,与CPU,内存,分布式有什么关系

我们在网站开发的过程中经常会接触到高并发这个概念,但高并发到底是什么,具体...

1 356
php正则提取字符串中的数字并打印输出
php正则提取字符串中的数字并打印输出

我们在网站开发的过程中经常需要处理数据,今天讲讲怎样用正则提取字符串中的...

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

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

0 477
帝国cms网站会员登录与退出历史记录日志插件
帝国cms网站会员登录与退出历史记录日志插件

帝国cms默认只有上次登录时间与ip,没有一个记录清单,所以今天,我们分享这个帝...

0 352
帝国cms批量添加后台用户插件
帝国cms批量添加后台用户插件

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

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

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

0 1045
帝国cms百度AI图像无损放大api接口对接插件
帝国cms百度AI图像无损放大api接口对接插件

通过本插件,可以实现帝国cms网站对接百度云api实现图像无损放大的功能。经过...

0 390
帝国cms在线考试系统模板插件
帝国cms在线考试系统模板插件

一直没看到好用的帝国cms在线考试插件,所以自己开发了一款。在线考试插件用...

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

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

0 365
帝国cms百度文字识别ocr接口对接插件
帝国cms百度文字识别ocr接口对接插件

许多网站会做一些小功能小插件给客户使用以增强用户黏性,比如图片转文字,这种...

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