Rumah  >  Artikel  >  pembangunan bahagian belakang  >  php + ajax实现帖子点赞功能

php + ajax实现帖子点赞功能

藏色散人
藏色散人ke hadapan
2019-12-17 17:36:503514semak imbas

知识:

一、首先页面需要加载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教程

Atas ialah kandungan terperinci php + ajax实现帖子点赞功能. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:csdn.net. Jika ada pelanggaran, sila hubungi admin@php.cn Padam