Erlo

php ajax实现帖子点赞功能

时间:2020-10-17   阅读:12次   来源:jQuery中文网
页面报错
点赞

知识:

一、首先页面需要加载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实现帖子点赞功能的详细内容,更多请关注jQuery中文网其它相关文章!

  • 本文转载于:csdn,如有侵犯,请联系jquerycn@qq.com删除
  • 您可能感兴趣的文章:

    评论留言

    还没有评论留言,赶紧来抢楼吧~~

    吐槽小黑屋()

    * 这里是“吐槽小黑屋”,所有人可看,只保留当天信息。

  • Erlo吐槽

    Erlo.vip2020-10-22 21:19:34Hello、欢迎使用吐槽小黑屋,这就是个吐槽的地方。
  • 返回顶部