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

攒,顶,踩功能主要用于评论中这里我们来做一个简单基于jquery ajax与php的mysql实现的攒,顶,踩功能。

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

主页文件index.php,代码如下:

".$row['title']." 攒一下(".$row['finger'].") "; 
	 } 
	

处理ajax请求及配置信息文件finger_ajax.php,代码如下:

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.111cn.net，国庆将至，祝大家国庆节快乐！！', '3');
               
 
教程链接:
随意转载~但请保留教程地址★