php结合ajax实现赞、顶、踩功能实例


Posted in PHP onMay 12, 2014

php应用越来越多,也越来越广泛,为了增加网站的丰富多彩,从而出现了很多新的技术。ajax是现代网站中不能缺少的一项技术,他可以异步刷新数据,而实现很多效果,比如刷新验证码,微博中的赞功能,都是运用这个。

本次赞功能的效果图:

php结合ajax实现赞、顶、踩功能实例

主页文件(index.php):

<script type="text/javascript" src="https://3water.com/js/jquery.min.js"></script>
<script type="text/javascript" src="finger_ajax.js"></script>
<?php
 header("Content-type:text/html;charset=utf-8");
 include "finger_ajax.php";
 $sql = "select * from finger_ajax";
 $res = mysql_query($sql,$link);
 while($row = mysql_fetch_array($res)){
  echo "<p>".$row['title']." \r\n<a href='#' onclick='finger(".$row['id'].")'><img src='finger.jpg'/>赞一下(<span class='finger".$row['id']."'>".$row['finger']."</span>)</a></p>\r\n";
 }
?>

处理ajax请求及配置信息文件(finger_ajax.php):

<?php
 /**"赞" 功能 响应ajax请求*/
 //配置
 $dbHost = "localhost";
 $dbUser = "root";
 $dbPass = "dddddd";
 $dbName = "test";
 $dbCharset = "utf8";
 $link = mysql_connect($dbHost,$dbUser,$dbPass) or die(mysql_error());
 mysql_query("set names ".$dbCharset);
 mysql_select_db($dbName);
 // End
 //接受对应的id
 if(!empty($_POST['id'])){
  $id = $_POST['id'];
  //“赞”加1
  $sql = "update finger_ajax set finger=finger+1 where id=$id;";
  if(mysql_query($sql,$link)){
   echo "ok";
  }else{
   echo "failed";
  }
 }
?>

js文件(finger_ajax.js):

//赞 js
function finger(topic_id){
 $.post("finger_ajax.php", { "id": topic_id },
   function(data){
     if(data=="ok"){
    alert("感谢您的支持!");
   }else{
    alert("对不起,失败了!");
   }
   }, "text");  
  //获取当前“赞”的次数并加1
  var finger = parseInt($(".finger"+topic_id).html())+1;
  //更新“赞”的次数
  $(".finger"+topic_id).html(finger);
}

数据库代码(finger_ajax.sql):
DROP TABLE IF EXISTS `finger_ajax`;
CREATE TABLE `finger_ajax` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `title` varchar(50) NOT NULL DEFAULT '',
  `finger` int(11) NOT NULL DEFAULT '0',
  PRIMARY KEY (`id`)
) ENGINE=MyISAM AUTO_INCREMENT=3 DEFAULT CHARSET=utf8;
-- ----------------------------
-- Records of finger_ajax
-- ----------------------------
INSERT INTO `finger_ajax` VALUES ('1', '今天天气还不错哦!去做点什么好呢?', '10');
INSERT INTO `finger_ajax` VALUES ('2', '欢迎来到 3water.com,国庆将至,祝大家国庆节快乐!!', '3');
PHP 相关文章推荐
php数据库连接
Oct 09 PHP
PHP实现用户认证及管理完全源码
Mar 11 PHP
php下用GD生成生成缩略图的两个选择和区别
Apr 17 PHP
php编程实现获取excel文档内容的代码实例
Jun 28 PHP
php中大括号作用介绍
Mar 22 PHP
PHP 转义使用详解
Jul 15 PHP
php实现图片上传并进行替换操作
Mar 15 PHP
PHP编写学校网站上新生注册登陆程序的实例分享
Mar 21 PHP
php json中文编码为null的解决办法
Dec 14 PHP
yii2局部关闭(开启)csrf的验证的实例代码
Jul 10 PHP
Laravel 对某一列进行筛选然后求和sum()的例子
Oct 10 PHP
PHP pthreads v3下同步处理synchronized用法示例
Feb 21 PHP
PHP中spl_autoload_register()和__autoload()区别分析
May 10 #PHP
linux使用crontab实现PHP执行计划定时任务
May 10 #PHP
PHP FTP操作类代码( 上传、拷贝、移动、删除文件/创建目录)
May 10 #PHP
php判断电脑访问、手机访问的例子
May 10 #PHP
php计算程序运行时间的简单例子分享
May 10 #PHP
PHP循环输出指定目录下的所有文件和文件夹路径例子(简单实用)
May 10 #PHP
php递归删除目录下的文件但保留的实例分享
May 10 #PHP
You might like
解析PHP SPL标准库的用法(遍历目录,查找固定条件的文件)
2013/06/18 PHP
利用中国天气预报接口实现简单天气预报
2014/01/20 PHP
PHP rsa加密解密使用方法
2015/04/27 PHP
Laravel第三方包报class not found的解决方法
2019/10/13 PHP
网页常用特效代码整理
2006/06/23 Javascript
jQuery入门问答 整理的几个常见的初学者问题
2010/02/22 Javascript
基于jquery用于查询操作的实现代码
2010/05/10 Javascript
javascript面向对象编程(一) 实例代码
2010/06/25 Javascript
JS隐藏参数post传值实例
2013/04/18 Javascript
深入理解JavaScript中的传值与传引用
2013/12/09 Javascript
JavaScript DOM事件(笔记)
2015/04/08 Javascript
js代码验证手机号码和电话号码是否合法
2015/07/30 Javascript
利用yarn实现一个webpack+react种子
2016/10/25 Javascript
JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码
2017/08/18 Javascript
详解在vue-cli项目中使用mockjs(请求数据删除数据)
2017/10/23 Javascript
解决vue页面DOM操作不生效的问题
2018/03/17 Javascript
使用 vue-i18n 切换中英文效果
2018/05/23 Javascript
JS异步错误捕获的一些事小结
2019/04/26 Javascript
使用vue实现一个电子签名组件的示例代码
2020/01/06 Javascript
Javascript Web Worker使用过程解析
2020/03/16 Javascript
JS中多层次排序算法的实现代码
2021/01/06 Javascript
在Python中处理列表之reverse()方法的使用教程
2015/05/21 Python
基于python 处理中文路径的终极解决方法
2018/04/12 Python
python sklearn库实现简单逻辑回归的实例代码
2019/07/01 Python
Pycharm中Python环境配置常见问题解析
2020/01/16 Python
在线吉他课程,学习如何弹吉他:Fender Play
2019/02/28 全球购物
在校生钳工实习自我鉴定
2013/09/19 职场文书
简历中个人求职的自我评价模板
2013/11/29 职场文书
城建学院毕业生自荐信
2014/01/31 职场文书
民政局个人整改措施
2014/09/24 职场文书
二婚主持词
2015/06/30 职场文书
队列队形口号
2015/12/25 职场文书
2016北大自主招生自荐信模板
2016/01/28 职场文书
机关单位2016年创先争优活动总结
2016/04/05 职场文书
python使用openpyxl库读写Excel表格的方法(增删改查操作)
2021/05/02 Python
MyBatis配置文件解析与MyBatis实例演示
2022/04/07 Java/Android