ajax+php+mysql实现无刷新点赞功能
2017-12-30 20:15
696 查看
index.php: 读取数据库
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>点赞</title> <script src="jquery-2.1.1.min.js"></script> <script src="index.js"></script> </head> <body> <button id="btn">赞</button> <span id="result"> <?php $con = mysqli_connect('localhost', 'username', 'password'); if(! $con ) { die('连接失败: ' . mysqli_error($con)); } mysqli_select_db($con,'jwhuang'); mysqli_query($con,"set names utf8"); $result = mysqli_query($con,"SELECT * FROM zan"); while($row = mysqli_fetch_array($result)) { echo $row['zan']; } mysqli_close($con) ?> </span> </body> </html>server.php 写入数据库
<?php header("Content-type:text/html;charset=utf-8"); $con = mysqli_connect('localhost', 'username', 'password'); if(! $con ) { die('连接失败: ' . mysqli_error($con)); } mysqli_select_db($con,'jwhuang'); mysqli_query($con,"set names utf8"); mysqli_query($con,"UPDATE zan SET zan = zan+1"); $result = mysqli_query($con,"SELECT * FROM zan"); if(isset($_GET['name'])){ while($row = mysqli_fetch_array($result)) { echo $row['zan']; } }else{ echo "赞失败!"; } mysqli_close($con); ?>index.js 请求数据
$(document).ready(function(){ $("#btn").on("click",function(){ $.get("sever.php",{name:$("#btn").val()},function(data){ $("#result").text(data); }); }); });
相关文章推荐
- php+mysql结合Ajax实现点赞功能完整实例
- 使用mysql、php和Ajax实现点赞功能
- php+mysql结合Ajax实现点赞功能完整实例
- Jquery+php+mysql实现上拉加载更多,后端CI,超详细,有示例(其实就是ajax无刷新分页)
- PHP+Ajax实现的无刷新分页功能详解【附demo源码下载】
- PHP+jQuery+Ajax+Mysql如何实现发表心情功能
- 购物车功能实现 语言: php+MySQL+jQuery+Ajax
- Ajax PHP JavaScript MySQL实现简易的无刷新在线聊天室
- php+xml结合Ajax实现点赞功能完整实例
- jQuery(Ajax)/PHP/MySQL实现搜索自动提示功能
- mysql+php+ajax实现点赞 浏览量
- Ajax PHP JavaScript MySQL实现简易的无刷新在线聊天室
- jQuery(Ajax)/PHP/MySQL实现搜索自动提示功能
- AJAX + PHP + MYSQL 实现无刷新分页
- jQuery+php+mysql,轻松实现ajax无刷新省市二级联动
- PHP+MYSQL+AJAX实现每日签到功能
- PHP+Mysql+Ajax实现淘宝客服或阿里旺旺聊天功能(前台页面)
- php+js+mysql+ajax实现简单留言板功能,新手教程