知识：

一、首先页面需要加载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 + ajax实现 帖子点赞功能的更多相关文章

  1. 完整的ajax请求投票点赞功能的实现【数据库表一（票数）表二（ip限制重复投票）】

    前端php页面 <?php if(isset($_GET['id'])){ $id=$_GET['id']; } include('data/conn.php'); $sqls="se ...

  2. ajax点赞功能

  3. JavaScript cookie操作实现点赞功能

    JavaScript cookie操作实现点赞功能 参考实现原理,但是代码不够简洁,简洁代码参考:js操作cookie 实现一个点赞功能十分简单,主要问题在于不能重复点赞.  若是一个有用户的网站,可 ...

  4. JavaScript实现评论点赞功能

    通过分析评论功能的逻辑关系,学会如何使用JavaScript实现评论.回复.点赞等各种功能 1.学会JavaScript处理日期和时间. 2.掌握Dom操作中的添加/删除子节点方法. 3.使用setT ...

  5. 基于微信小程序的用户列表点赞功能

    代码地址如下:http://www.demodashi.com/demo/13997.html 一.前言 (1).适合人群 1.微信小程序开发者 2.前端工程师 3.想入门学习小程序开发的人员 4.想 ...

  6. 全栈项目|小书架|微信小程序-点赞功能实现

    微信小程序端的点赞功能其实没什么好介绍的,无非就是调用接口改变点赞状态和点赞数量.需要注意的是取消点赞时的处理,我这里为了减少服务器接口的调用,直接本地存一个变量,修改这里的变量值即可. 由于源码都相 ...

  7. 全栈项目|小书架|服务器端-NodeJS+Koa2 实现点赞功能

    效果图 接口分析 通过上面的效果图可以看出,点赞入口主要是在书籍的详情页面. 而书籍详情页面,有以下几个功能是和点赞有关的: 获取点赞状态 点赞 取消点赞 所以项目中理论上与点赞相关的接口就以上三个. ...

  8. Day8-微信小程序实战-交友小程序-首页用户列表渲染及多账号调试及其点赞功能的实现

    在这之前已经把编辑个人的所有信息的功能已经完成了 之后先对首页的列表搞动态的,之前都是写死的静态 1.之前都是把好友写死的,现在就在js里面定义一个数组,用循环来动态的绑定 在onReady中定义,取 ...

  9. 基于SpringBoot如何实现一个点赞功能？

    基于SpringBoot如何实现一个点赞功能? 解析: 基于 SpringCloud, 用户发起点赞.取消点赞后先存入 Redis 中,再每隔两小时从 Redis 读取点赞数据写入数据库中做持久化存储 ...

随机推荐

  1. 第36章 SDIO—SD卡读写测试—零死角玩转STM32-F429系列

    第36章     SDIO—SD卡读写测试 全套200集视频教程和1000页PDF教程请到秉火论坛下载:www.firebbs.cn 野火视频教程优酷观看网址:http://i.youku.com/f ...

  2. 阿里数据库连接池druid

    官方wiki: https://github.com/alibaba/druid/wiki 实用方法介绍的想当详细,包含监控.扩展.大力推荐!

  3. mask r-cnn

    mask R-cnn, kaiming he的新作.可以同时完成object detection和segmentation,还可以做pose estimation,简直就是功能多多啊.在coco上测试 ...

  4. 《JavaScript高级程序设计第三版》——细碎知识痛点整理（第六章）

    面向对象的程序设计 对象是一组没有特定顺序的值6.1.1 属性类型ECMAScript中有两种属性:数据属性和访问器属性.1. 数据属性Configurable 表示能否通过delete删除属性从而重 ...

  5. 搭建大众点评CAT监控平台

    CAT(Central Application Tracking)是基于Java开发的实时应用监控平台,包括实时应用监控,业务监控.关于CAT的具体介绍可移步到CAT官网进行查阅. 1. 环境清单 C ...

  6. 使用 W3C Performance 对象通过 R 和 JavaScript 将浏览器内的性能数据可视化[转]

    当考虑 Web 性能指标时,需要关注的目标数字应该是从您自己的用户那里获得的实际用户指标.最常见的方法是利用 Splunk 之类的工具来分析您的机器数据,该工具支持您分析和可视化您的访问权限和错误日志 ...

  7. activemq启动闪退/失败 （Illegal character in hostname at index 5: ws://****:61614?maximumConnections=1000&wireFormat.maxFrameSize=104857600）

    java.net.URISyntaxException: Illegal character in hostname at index 5: ws://****:61614?maximumConnec ...

  8. LVM（扩展）

    LVM(扩展)======================== [root@aminglinux newdir]# fdisk -l /dev/sdb 磁盘 /dev/sdb:10.7 GB, 107 ...

  9. JZOJ 5906. 传送门

    Description             8102年,Normalgod在GLaDOS的帮助下,研制出了传送枪.但GLaDOS想把传送枪据为己有,于是把Normalgod扔进了一间实验室.这间实 ...

  10. My jdbc 错误

    jdbc mysql插入数据提示Parameter index out of range (1 > number of parameters, which is 0). SqlStatement ...