Rumah > Artikel > pembangunan bahagian belakang > php如何实现无刷新点赞
php如何实现无刷新点赞
- 藏色散人asal
- 2020-08-25 09:18:552872semak imbas
php实现无刷新点赞的方法：首先通过ajax index.php点击按钮；然后实现js反应；接着通过ajax异步提交给“sever.php”；最后通过js返回给页面即可实现无刷新点赞。
推荐：《PHP视频教程》
ajax+php+mysql实现无刷新点赞功能
从动态图看出来，点击赞的按钮的时候，旁边的赞数量在无刷新地增加。打开数据库也能看到赞数量更新了。
原理就是通过ajax异步提交数据给数据库。
首先前端页面就是一个按钮和赞数量。
数据库名，test，表名zan，字段zan
ajaxindex.php
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>异步提交</title>
<script src="jquery-2.1.1.min.js"></script>
<script src="ajaxindex.js"></script>
</head>
<body>
<button id="btn">赞</button>
<span id="result">
<?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);
?>
</span>
</body>
</html>
ajaxindex.js
$(document).ready(function(){
$("#btn").on("click",function(){
$.get("sever.php",{name:$("#btn").val()},function(data){
$("#result").text(data);
});
});
});sever.php
<?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就是一个查询和更新数据的，更新之后再把数据输出给页面。
整个demo下载：https://pan.lanzou.com/1485785
Atas ialah kandungan terperinci php如何实现无刷新点赞. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：linux如何关闭php fpmArtikel seterusnya：iis7 php伪静态如何设置