php + ajax实现帖子点赞功能-php教程

资源魔 2020-07-08 22:57:19 32 0

常识：

1、起首页面需求加载jquery框架

2、ajax罕用参数诠释：

①、type：传输数据形式，get或许post

②、url：解决数据的PHP剧本

③、data：传输的数据索引及值，值用js猎取，普通此属性为json串或字符串

④、async：参数为布尔类型，默许为true，即异步传输，阅读器没有锁定

⑤、complete：参数为办法，跳转的剧本执行实现后的回调函数

⑥、success：参数为办法，跳转的剧本执行胜利后的回调函数

⑦、error：参数为办法，跳转的剧本执行失败后的回调函数

3、剧本解决实现后将页面需求的数据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>
<h1><?php echo $news['title'];?></h1>
<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相干常识，请拜访PHP教程！

以上就是php + ajax完成帖子点赞性能的具体内容，更多请存眷资源魔其它相干文章！

标签： php php开发教程 php开发资料 php开发自学