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代码把全角数字转为半角数字
Dec 10 PHP
php echo 输出字符串函数详解
May 13 PHP
php中文乱码怎么办如何让浏览器自动识别utf-8
Jan 15 PHP
PHP错误Cannot use object of type stdClass as array in错误的解决办法
Jun 12 PHP
使用php方法curl抓取AJAX异步内容思路分析及代码分享
Aug 25 PHP
使用PHPExcel操作Excel用法实例分析
Mar 26 PHP
PHP实现的一致性哈希算法完整实例
Nov 14 PHP
学习php设计模式 php实现观察者模式(Observer)
Dec 09 PHP
php实现图片上传时添加文字和图片水印技巧
Apr 18 PHP
总结对比php中的多种序列化
Aug 28 PHP
thinkPHP5.0框架整体架构总览【应用,模块,MVC,驱动,行为,命名空间等】
Mar 25 PHP
基于ThinkPHP实现的日历功能实例详解
Apr 15 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实现框架(一)
2006/10/09 PHP
php自定义函数截取汉字长度
2014/05/15 PHP
PHP 实现的将图片转换为TXT
2015/10/21 PHP
php mysql 封装类实例代码
2016/09/18 PHP
浅谈php(codeigniter)安全性注意事项
2017/04/06 PHP
php 判断IP为有效IP地址的方法
2018/01/28 PHP
JavaScript中的私有成员
2006/09/18 Javascript
JavaScript使用prototype定义对象类型(转)[
2006/12/22 Javascript
Javascript编程中几种继承方式比较分析
2015/11/28 Javascript
用js实现简单算法的实例代码
2016/09/24 Javascript
老生常谈jacascript DOM节点获取
2017/04/17 Javascript
js实现网页的两个input标签内的数值加减(示例代码)
2017/08/15 Javascript
JS监控关闭浏览器操作的实例详解
2017/09/12 Javascript
浅谈gulp创建完整的项目流程
2017/12/20 Javascript
nodejs使用redis作为缓存介质实现的封装缓存类示例
2018/02/07 NodeJs
Angular使用操作事件指令ng-click传多个参数示例
2018/03/27 Javascript
vue实现学生录入系统之添加删除功能
2018/07/11 Javascript
vue组件间通信六种方式(总结篇)
2019/05/15 Javascript
vue开发中遇到的问题总结
2020/04/07 Javascript
使用JavaScript获取Django模板指定键值数据
2020/05/27 Javascript
Openlayers实现距离面积测量
2020/09/28 Javascript
Python图像处理实现两幅图像合成一幅图像的方法【测试可用】
2019/01/04 Python
Python去除字符串前后空格的几种方法
2019/03/04 Python
Python应用领域和就业形势分析总结
2019/05/14 Python
Python进程间通信Queue消息队列用法分析
2019/05/22 Python
Python将视频或者动态图gif逐帧保存为图片的方法
2019/09/10 Python
基于Pytorch SSD模型分析
2020/02/18 Python
Python3开发实例之非关系型图数据库Neo4j安装方法及Python3连接操作Neo4j方法实例
2020/03/18 Python
墨西哥网上超市:Superama
2018/07/10 全球购物
Lacoste澳大利亚官网:服装、鞋类及配饰
2018/11/14 全球购物
国家助学金获奖感言
2014/01/31 职场文书
抗洪抢险事迹材料
2014/05/06 职场文书
通信工程专业求职信
2014/06/04 职场文书
大学生自我评价200字(4篇)
2014/09/17 职场文书
银行转正自我鉴定
2014/09/29 职场文书
Spring-cloud Config Server的3种配置方式
2021/09/25 Java/Android