這篇文章將為大家詳細講解有關php實現無刷新點贊的方法是什么,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
php實現無刷新點贊的方法:首先通過ajax index.php點擊按鈕;然后實現js反應;接著通過ajax異步提交給“sever.php”;最后通過js返回給頁面即可實現無刷新點贊。

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就是一個查詢和更新數據的,更新之后再把數據輸出給頁面。
關于php實現無刷新點贊的方法是什么就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。