php ajax.$post实现攒,顶,踩的功能_PHP教程

php中文网
发布: 2016-07-13 10:44:19
原创
1043人浏览过

攒,顶,踩功能主要用于评论中这里我们来做一个简单基于jquery ajax与php的mysql实现的攒,顶,踩功能,文章最后附了源码下载。

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

本次攒功能的效果图:

主页文件(index.php):

 代码如下 复制代码

立即学习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 "

".$row['title']." @@##@@攒一下(".$row['finger'].")

";

 }

?>


处理ajax请求及配置信息文件(finger_ajax.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)){

ViiTor实时翻译
ViiTor实时翻译

AI实时多语言翻译专家!强大的语音识别、AR翻译功能。

ViiTor实时翻译 116
查看详情 ViiTor实时翻译

   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', '欢迎来到 www.bKjia.c0m,国庆将至,祝大家国庆节快乐!!', '3');


原文地址: php ajax实现攒,顶,踩的功能 http://file.bKjia.c0m/upload/2013/12/a63.zip

 

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/633118.htmlTechArticle攒,顶,踩功能主要用于评论中这里我们来做一个简单基于jquery ajax与php的mysql实现的攒,顶,踩功能,文章最后附了源码下载。 php应用越来越多...
php ajax.$post实现攒,顶,踩的功能_PHP教程
相关标签:
php
PHP速学教程(入门到精通)
PHP速学教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号