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 相关文章推荐
php4的session功能评述(一)
Oct 09 PHP
PHP产生随机字符串函数
Dec 06 PHP
shopex主机报错误请求解决方案(No such file or directory)
Dec 27 PHP
基于PHP 面向对象之成员方法详解
May 04 PHP
深入file_get_contents函数抓取内容失败的原因分析
Jun 25 PHP
PHP5中GD库生成图形验证码(有汉字)
Jul 28 PHP
php如何解决无法上传大于8M的文件问题
Mar 10 PHP
yii框架通过控制台命令创建定时任务示例
Apr 30 PHP
php实例分享之html转为rtf格式
Jun 02 PHP
php简单实现无限分类树形列表的方法
Mar 27 PHP
CI框架中数据库操作函数$this-&gt;db-&gt;where()相关用法总结
May 17 PHP
PHP获取指定时间段之间的 年,月,天,时,分,秒
Jun 05 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最常用的ini函数分析 针对PHP.ini配置文件
2010/04/22 PHP
php 学习资料零碎东西
2010/12/04 PHP
基于PHP实现生成随机水印图片
2020/12/09 PHP
angularJS 中$scope方法使用指南
2015/02/09 Javascript
jQuery实现渐变弹出层和弹出菜单的方法
2015/02/20 Javascript
jQuery控制网页打印指定区域的方法
2015/04/07 Javascript
jQuery实现平滑滚动页面到指定锚点链接的方法
2015/07/15 Javascript
微信jssdk在iframe页面失效问题的解决措施
2016/03/03 Javascript
JavaScript对Json的增删改属性详解
2016/06/02 Javascript
JS中去掉array中重复元素的方法
2017/05/26 Javascript
Vue官方文档梳理之全局配置
2017/11/22 Javascript
vue实现商城上货组件简易版
2017/11/27 Javascript
ionic grid(栅格)九宫格制作详解
2018/06/30 Javascript
Vue CLI3 开启gzip压缩文件的方式
2018/09/30 Javascript
python概率计算器实例分析
2015/03/25 Python
进一步探究Python的装饰器的运用
2015/05/05 Python
Google开源的Python格式化工具YAPF的安装和使用教程
2016/05/31 Python
python实现按任意键继续执行程序
2016/12/30 Python
如何在python中使用selenium的示例
2017/12/26 Python
一些Centos Python 生产环境的部署命令(推荐)
2018/05/07 Python
CentOS下Python3的安装及创建虚拟环境的方法
2018/11/28 Python
python文件拆分与重组实例
2018/12/10 Python
Python使用贪婪算法解决问题
2019/10/22 Python
使用Matplotlib 绘制精美的数学图形例子
2019/12/13 Python
Python3 中sorted() 函数的用法
2020/03/24 Python
分享8款纯CSS3实现的搜索框功能
2017/09/14 HTML / CSS
Footshop乌克兰:运动鞋的最大选择
2019/12/01 全球购物
办公室综合文员岗位职责范本
2014/02/13 职场文书
安全教育实施方案
2014/03/02 职场文书
总经理人事任命书
2014/06/05 职场文书
幼儿园开学家长寄语(2015秋季)
2015/05/27 职场文书
农村婚礼司仪主持词
2015/06/29 职场文书
基督教追悼会答谢词
2015/09/29 职场文书
教师读书活动心得体会
2016/01/14 职场文书
2016年第104个国际护士节活动总结
2016/04/06 职场文书
教你如何使用Python开发一个钉钉群应答机器人
2021/06/21 Python