欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  php教程

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

程序员文章站 2022-06-06 23:06:49
...
攒,顶,踩功能主要用于评论中这里我们来做一个简单基于jquery ajax与php的mysql实现的攒,顶,踩功能。

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

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

".$row['title']." php ajax.$post实现攒,顶,踩的功能攒一下(".$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');


教程链接:

随意转载~但请保留教程地址★