php + ajax实现帖子点赞功能_PHP

概述php + 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><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代码部分：

<?PHPheader("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实现帖子点赞功能所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/langs/1009956.html