php + ajax實現貼文讚功能-php教程-PHP中文網

php + ajax實現貼文讚功能

藏色散人

發布： 2023-04-08 06:20:02

轉載

3475 人瀏覽過

知識：

一、首先頁面需要載入jquery框架

二、ajax常用參數解釋：

①、type：傳輸資料方式，get或post

②、url：處理資料的PHP腳本

③、data：傳輸的資料索引及值，值用js獲取，一般此屬性為json字串或字串

④、async：參數為布林類型，預設為true，即非同步傳輸，瀏覽器不會鎖定

⑤、complete：參數為方法，跳躍的腳本執行完成後的回呼函數

⑥、success：參數為方法，跳轉的腳本執行成功後的回呼函數

⑦、error：參數為方法，跳轉的腳本執行失敗後的回呼函數

#三、腳本處理完成後將頁面所需的資料return，之後在前端頁面根據需求實現局部刷新，而不是進行跳轉刷新，這是ajax最強大的地方

html程式碼部分：

<?php
$id = $_GET[&#39;id&#39;];
require_once &#39;mysqlHelper.php&#39;;
$db = new mysqlHelper(&#39;localhost&#39;,&#39;root&#39;,&#39;root&#39;,&#39;dianzan&#39;);
$sql = "select * from news where id = &#39;$id&#39;";
$news = $db->GetOneData($sql);
 
 
 
?>
<!doctype html>
<html>
<head>
<script src="jquery-1.9.1.min.js"></script>
<meta charset="UTF-8">
</head>
<body>
<h1><?php echo $news[&#39;title&#39;];?></h1>
<pre class="brush:php;toolbar:false">
<?php echo $news[&#39;content&#39;];?>

点赞数：

登入後複製

js程式碼：

$("#btn").click(function(){
$.ajax({
url:"index.php",
type:"POST",
data:{id:<?php echo $id;?>},
async:false,
success:function(data){
if(data === false){
alert(&#39;点赞失败！&#39;);location.href=&#39;dianzan.php?id=<?php echo $id;?>&#39;;
}else{
alert(&#39;点赞成功！&#39;);$("#s").html(data);
}
}
})
})

登入後複製

PHP程式碼部分：

<?php
header("Content-type:text/html;charset=utf-8");
require_once &#39;mysqlHelper.php&#39;;
$db = new mysqlHelper(&#39;localhost&#39;,&#39;root&#39;,&#39;root&#39;,&#39;dianzan&#39;);
$id = $_POST[&#39;id&#39;];
$sql = "UPDATE news SET dianzan = dianzan +1 WHERE id = &#39;$id&#39;";
 
$res = $db->execSql($sql);
if($res){
$dz = $db->getOneData("select * from news where id = &#39;$id&#39;");
$dz = $dz[&#39;dianzan&#39;];
echo $dz;
}else{
return false;
}
 
 
 
 
?>

登入後複製

更多PHP相關知識，請造訪PHP教學！

以上是php + ajax實現貼文讚功能的詳細內容。更多資訊請關注PHP中文網其他相關文章！