php 实现无刷新点赞,ajax+php+mysql实现无刷新点赞功能

r囧r小猫 2022-11-12 13:51 171阅读 0赞

![15fd92a48691a932e1a10125634f0241.gif][]

从动态器打好基下是求的响的可域适的一的近重交的图看出来，点击赞的按钮的时候，旁边的赞数量在无刷新地增加。打开数据库也能看到赞到二新，为都础过过发等宗和发制数事前理业待很理断到屏能击示和站公下图以使箭分以近一步调现了喜知进数量更新了。

原理就是通过ajax异步提交数据给数据库。

首先前端页面就是一个按钮和赞数量。

数据库享器哈班其础件事是架考发求关通互面待需了名，test，表名zan，字段是能览调不页新代些事几求事都时学下是事功过zan

ajaxindex.ph新直能分支调二浏页器朋代说p

异步提交

赞

$con = mysql\_connect("localhost","root","root");

if (!$con)

\{

die('连接数据库失败，失败原因：' . mysql\_error());

\}

//设置数据库字符集

mysql\_query("SET NAMES UTF8");

//查询数据库

mysql\_select\_db("test", $con);

$result = mysql\_query("SELECT \* FROM zan");

while($row = mysql\_fetch\_array($result))

\{

echo $row\['zan'\];

\}

//关闭连接

mysql\_close($con);

?>

ajaxin遇新是直朋能到分览支体调dex.js

$(document).ready(function()\{

$("\#btn").on("click",function()\{

$.get("sever.遇新是直朋能到分览php",\{name:$("\#btn").val()\},function(data)\{

$("\#result").text(data);

\});

\});

\});

sever.遇新是直朋能到分览php

header("Content-type:text/html;charset=utf-8");

//连接数据库

$con = mysql\_connect("localhost","root","root");

if (!$con)

\{

die('连接数据库失败，失败原因：' . mysql\_error());

\}

//设置数据库字符集

mysql\_query("SET NAMES UTF8");

//查询数据库

mysql\_select\_db("test", $con);

//更新

mysql\_query("UPDATE zan SET zan = zan+1");

$result = mysql\_query("SELECT \* FROM zan");

if(isset($\_GET\['name'\]))\{

while($row = mysql\_fetch\_array($result))

\{

echo $row\['zan'\];

\}

\}else\{

echo "赞失败！";

\}

//关闭连接

mysql\_close($con);

?>

总体思路：

通过ajaxindex.ph新直能分支调二浏页器朋代说p点击按钮，js反应，ajax异步提交给sever.遇新是直朋能到分览php再通过js返回给页面，就不用刷新了。

sever.遇新是直朋能到分览php就是一个查询和更新数据的，更新之后再把数据输出给页面。

[15fd92a48691a932e1a10125634f0241.gif]: /images/20221022/e426c88b83c243d8959ca0527954f9e8.png

发表评论取消回复

表情：

评论列表（有 0 条评论，171人围观）

还没有评论，来说两句吧...

相关阅读

相关 Redis实现点赞功能模块

功能点设计比如我喜欢发文章的掘金网站就有点赞的功能，统计文章点赞的总数，用户所有文章的点赞数，因此设计的点赞功能模块具有以下功能点：某篇文章的点赞数用

浅浅的花香味﹌/ 2023年09月23日 23:34/ 0 赞/ 20 阅读

相关 phpcms 点赞_php+mysql结合Ajax实现点赞功能完整实例

本文实例讲述了php+mysql结合Ajax实现点赞功能的方法。分享给大家供大家参考。具体如下：要实现点赞功能，有多种实现方式，这里总结一下利用Ajax，php和mysql

逃离我推掉我的手/ 2022年12月31日 10:29/ 0 赞/ 116 阅读

相关 java实现点赞(顶)功能

java实现点赞(顶)功能 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6

朱雀/ 2022年11月28日 16:30/ 0 赞/ 174 阅读

相关 php 实现无刷新点赞,ajax+php+mysql实现无刷新点赞功能

![15fd92a48691a932e1a10125634f0241.gif][] 从动态器打好基下是求的响的可域适的一的近重交的图看出来，点击赞的按钮的时候，旁边的赞数量在

r囧r小猫/ 2022年11月12日 13:51/ 0 赞/ 172 阅读

相关 js ajax php mysql_ajax+php+mysql实现无刷新点赞功能

![15fd92a48691a932e1a10125634f0241.gif][] 从动态图看出来，点击赞的按钮的时候，旁边的赞数量在无刷新地增加。打开数据库也能看到赞数量更

快来打我*/ 2022年10月24日 11:56/ 0 赞/ 121 阅读

相关局部刷新ListView，实现点赞功能

今天看到一个需要实现一个点赞的功能。自己想没想明白，后来看了http://blog.csdn.net/nupt123456789/article/details/3943278

落日映苍穹つ/ 2022年08月21日 00:20/ 0 赞/ 168 阅读

相关 jQuery-简单点赞功能实现

jQuery-简单点赞功能实现感谢云知梦。全部代码如下： ![这里写图片描述][SouthEast] ![这里写图片描述][SouthEast 1] !

叁歲伎倆/ 2022年06月11日 02:53/ 1 赞/ 187 阅读

相关 springmvc实现点赞功能

实现步骤： 1.设计表： -- ---------------------------- -- Table structure for `nice

系统管理员/ 2022年05月20日 00:41/ 0 赞/ 245 阅读

相关点赞功能详解

点赞功能详解先讲讲点赞功能的实现。首先，你得为点赞功能建立一个表，表里需要记录点赞的topic的ID,已经点赞的人的id. 对应的实体类如下： p

爱被打了一巴掌/ 2022年03月16日 03:42/ 0 赞/ 300 阅读

相关 thinkPHP不刷新页面修改点赞值

给文章详情点赞： HTML中： <input type="hidden" class="tj" value="{$info['tjshu']}" /> <

r囧r小猫/ 2022年02月24日 13:20/ 0 赞/ 185 阅读