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

快来打我* 2022-10-24 11:56 151阅读 0赞

![15fd92a48691a932e1a10125634f0241.gif][]

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

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

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

数据库名，test，表名zan，字段zan

ajaxindex.php

异步提交

赞

$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);

?>

ajaxindex.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.php点击按钮，js反应，ajax异步提交给sever.php再通过js返回给页面，就不用刷新了。

sever.php就是一个查询和更新数据的，更新之后再把数据输出给页面。

[15fd92a48691a932e1a10125634f0241.gif]: /images/20221024/c55811e5ddbb47a69183f5ff68c9c27f.png

发表评论取消回复

表情：

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

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

相关阅读

相关 JSON+Ajax+JQuery实现无刷新

具体要求: 实现注册页面的信息 (jsp+servlet) 页面index.jsp <script type="text/javascript" src="js/j

一时失言乱红尘/ 2024年02月17日 18:05/ 0 赞/ 52 阅读

相关 mongodb 实现点赞功能

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E3NzIz

不念不忘少年蓝@/ 2023年10月06日 08:51/ 0 赞/ 9 阅读

相关 JS 传统的Ajax无刷新数据

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hseDIw

墨蓝/ 2023年10月05日 08:58/ 0 赞/ 34 阅读

相关帝国 php ajax分页,怎么在php中利用ajax实现一个无刷新分页功能

怎么在php中利用ajax实现一个无刷新分页功能发布时间：2021-01-19 16:22:23 来源：亿速云阅读：60 作者：Leah 怎么在php中利用aja

Dear 丶/ 2023年01月13日 04:15/ 0 赞/ 156 阅读

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

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

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

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

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

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

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

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

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

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

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

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

相关 springmvc实现点赞功能

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

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

相关 JS脚本实现CSDN自动点赞功能及搜索功能

首先下载一个我个人认为比较好用的插件Tampermonkey，然后就可以在上面自定义一些插件了 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW

﹏ヽ暗。殇╰゛Y/ 2022年03月16日 12:16/ 3 赞/ 570 阅读