溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
PHP是一種通用開源腳本語言。語法吸收了C語言、Java和Perl的特點，利于學習，使用廣泛，主要適用于Web開發領域。PHP 獨特的語法混合了C、Java、Perl以及PHP自創的語法。它可以比CGI或者Perl更快速地執行動態網頁。
Ajax 即“Asynchronous Javascript And XML”（異步 JavaScript 和 XML），是指一種創建交互式、快速動態網頁應用的網頁開發技術，無需重新加載整個網頁的情況下，能夠更新部分網頁的技術。
通過在后臺與服務器進行少量數據交換，Ajax 可以使網頁實現異步更新。這意味著可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新。
知識：
一、首先頁面需要加載jquery框架
二、ajax常用參數解釋：
①、type：傳輸數據方式，get或者post
②、url：處理數據的PHP腳本
③、data：傳輸的數據索引及值，值用js獲取，一般此屬性為json串或字符串
④、async：參數為布爾類型，默認為true，即異步傳輸，瀏覽器不鎖定
⑤、complete：參數為方法，跳轉的腳本執行完成后的回調函數
⑥、success：參數為方法，跳轉的腳本執行成功后的回調函數
⑦、error：參數為方法，跳轉的腳本執行失敗后的回調函數
三、腳本處理完成后將頁面需要的數據return，之后在前端頁面根據需求實現局部刷新，而不是進行跳轉刷新，這是ajax最強大的地方
html代碼部分：
<?php $id = $_GET['id']; require_once 'mysqlHelper.php'; $db = new mysqlHelper('localhost','root','root','dianzan'); $sql = "select * from news where id = '$id'"; $news = $db->GetOneData($sql); ?> <!doctype html> <html> <head> <script src="jquery-1.9.1.min.js"></script> <meta charset="UTF-8"> </head> <body> <h2><?php echo $news['title'];?></h2> <pre> <?php echo $news['content'];?> </pre> <input type="hidden" name="id" value="<?php echo $id;?>"> 點贊數：<span id="s"><?php echo $news['dianzan'];?></span> <button id="btn">點贊</button> </body> </html>
js代碼：
$("#btn").click(function(){
$.ajax({
url:"index.php",
type:"POST",
data:{id:<?php echo $id;?>},
async:false,
success:function(data){
if(data === false){
alert('點贊失敗！');location.href='dianzan.php?id=<?php echo $id;?>';
}else{
alert('點贊成功！');$("#s").html(data);
}
}
})
})PHP代碼部分：
<?php
header("Content-type:text/html;charset=utf-8");
require_once 'mysqlHelper.php';
$db = new mysqlHelper('localhost','root','root','dianzan');
$id = $_POST['id'];
$sql = "UPDATE news SET dianzan = dianzan +1 WHERE id = '$id'";
$res = $db->execSql($sql);
if($res){
$dz = $db->getOneData("select * from news where id = '$id'");
$dz = $dz['dianzan'];
echo $dz;
}else{
return false;
}
?>以上就是使用php+ajax實現帖子點贊功能的完整代碼的詳細內容，更多請關注億速云其它相關文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
