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 相关文章推荐
一个用mysql_odbc和php写的serach数据库程序
Oct 09 PHP
apache2.2.4+mysql5.0.77+php5.2.8安装精简
Apr 29 PHP
PHP程序员最常犯的11个MySQL错误小结
Nov 20 PHP
Zend Studio 实用快捷键一览表(精心整理)
Aug 10 PHP
jquery获取多个checkbox的值异步提交给php的方法
Jun 24 PHP
PHP判断手机是IOS还是Android
Dec 09 PHP
PHP list() 将数组中的值赋给变量的简单实例
Jun 13 PHP
[原创]php简单隔行变色功能实现代码
Jul 09 PHP
PHP session会话操作技巧小结
Sep 27 PHP
记录一次排查PHP脚本执行卡住的问题
Dec 27 PHP
php 从指定数字中获取随机组合的简单方法(推荐)
Apr 05 PHP
php smtp实现发送邮件功能
Jun 22 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
实用函数7
2007/11/08 PHP
解决MySQL中文输出变成问号的问题
2008/06/05 PHP
PHP的MVC模式实现原理分析(一相简单的MVC框架范例)
2014/04/29 PHP
Laravel 将数据表的数据导出,并生成seeds种子文件的方法
2019/10/09 PHP
PHP unset函数原理及使用方法解析
2020/08/14 PHP
正则表达式判断是否存在中文和全角字符和判断包含中文字符串长度
2008/09/27 Javascript
JavaScript 内置对象属性及方法集合
2010/07/04 Javascript
用js获取电脑信息(是使用与IE浏览器)
2013/01/15 Javascript
JSF中confirm弹出框的用法示例介绍
2014/01/07 Javascript
JS 打印界面的CSS居中代码适用所有浏览器
2014/03/19 Javascript
js数组与字符串的相互转换方法
2014/07/09 Javascript
js中回调函数的学习笔记
2014/07/31 Javascript
关于Javascript加载执行优化的研究报告
2014/12/16 Javascript
javascript实现根据身份证号读取相关信息
2014/12/17 Javascript
jQuery UI插件自定义confirm确认框的方法
2015/03/20 Javascript
全面解析Node.js 8 重要功能和修复
2017/06/02 Javascript
详解angular如何调用HTML字符串的方法
2018/06/30 Javascript
layui表单验证select下拉框实现验证的方法
2019/09/05 Javascript
ant-design-vue中tree增删改的操作方法
2020/11/03 Javascript
Python黑魔法Descriptor描述符的实例解析
2016/06/02 Python
使用django-crontab实现定时任务的示例
2018/02/26 Python
PyCharm 在Windows的有用快捷键详解
2020/04/07 Python
英国最大的电子零件及配件零售商:Partmaster
2017/04/24 全球购物
台湾生鲜宅配:大口市集
2017/10/14 全球购物
商务英语专业应届毕业生求职信
2013/10/28 职场文书
公司总经理工作职责管理办法
2014/02/28 职场文书
2014年信息技术工作总结
2014/12/16 职场文书
先进事迹材料范文
2014/12/29 职场文书
大学生助学金感谢信
2015/01/21 职场文书
中考学习决心书
2015/02/04 职场文书
湘江北去观后感
2015/06/15 职场文书
公文格式,规则明细(新手收藏)
2019/07/23 职场文书
详解MySQL连接挂死的原因
2021/05/18 MySQL
详解MySQL集群搭建
2021/05/26 MySQL
Java 数组内置函数toArray详解
2021/06/28 Java/Android
MySQL数据库中varchar类型的数字比较大小的方法
2021/11/17 MySQL