首页 / AJAX / php + ajax实现帖子点赞功能
php + ajax实现帖子点赞功能
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了php + ajax实现帖子点赞功能，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1896字，纯文字阅读大概需要3分钟。
内容图文
知识：一、首先页面需要加载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>
<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 + ajax实现帖子点赞功能全部内容，希望文章能够帮你解决php + ajax实现帖子点赞功能所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。