知识：

一、首先页面需要加载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. HDU.2561 第二小整数（water）

    题目来源:2561 题意分析:找出一堆数中第二小的整数,和题目说的一样 我的思路:冒泡或者sort()一下就ok了,但是我因为没看到多个测试用例还是吃了几记WA . ┭┮﹏┭┮ 完整代码: #incl ...

  2. 在 publicId 和 systemId 之间需要有空格。

    spring  applicationContext_datasource.xml中约束错误 org.springframework.beans.factory.xml.XmlBeanDefiniti ...

  3. MySQL - Linux下安装

    本安装方式仅对5.7.21版本负责. 下载地址:wget https://dev.mysql.com/get/Downloads/MySQL-5.7/mysql-5.7.21-linux-glibc2 ...

  4. 【Effective C++读书笔记】序

    C++ 是一个难学易用的语言! [C++为什么难学?] C++的难学,不仅在其广博的语法,以及语法背后的语义,以及语义背后的深层思维,以及深层思维背后的对象模型: C++的难学还在于它提供了四种不同而 ...

  5. python__基础 : sys模块: sys.argv与sys.path

    sys模块中的 argv 保存的是当你运行一个py文件的时候给他传递进去的参数,如: import sys a = sys.argv print(a) # 当在命令行中调用这个py文件: > p ...

  6. Oauth2.0协议 http://www.php20.com/forum.php?mod=viewthread&tid=28 (出处: 码农之家)

    概要     OAuth2.0是OAuth协议的下一版本,但不向后兼容OAuth 1.0即完全废止了OAuth1.0. OAuth 2.0关注客户端开发者的简易性.要么通过组织在资源拥有者和HTTP服 ...

  7. 第三课：PHP 语法

    PHP 脚本在服务器上执行,然后向浏览器发送回纯 HTML 结果. 基础 PHP 语法 PHP 脚本可放置于文档中的任何位置. PHP 脚本以 <?php 开头,以 ?> 结尾: < ...

  8. Python全栈day 04

    Python全栈day 04 一.解释器/编译器 补充:编译型语言和解释型语言? # 编译型:代码写完后,编译器将其变成成另外一个文件,然后交给计算机执行. c c++,c# ,java # 解释型: ...

  9. Python学习-django-Model操作

    Django之Model操作   一.字段 AutoField(Field) - int自增列,必须填入参数 primary_key=True BigAutoField(AutoField) - bi ...

  10. Go实现mqtt服务

    package main import ( "os" "log" "github.com/eclipse/paho.mqtt.golang" ...