攢,頂,踩功能主要用于評論中這里我們來做一個簡單基于jquery ajax與php的mysql實現的攢,頂,踩功能。

php應用越來越多，也越來越廣泛，為了增加網站的豐富多彩，從而出現了很多新的技術。ajax是現代網站中不能缺少的一項技術，他可以異步刷新數據，而實現很多效果，比如刷新驗證碼，微博中的攢功能，都是運用這個。

主頁文件index.php,代碼如下:

1. <script type="text/javascript" src="/Public/js/jquery.min.js"></script> 
2. <script type="text/javascript" src="finger_ajax.js"></script> 
3. <?php 
4.  header("Content-type:text/html;charset=utf-8"); 
5.  include "finger_ajax.php"; 
6.  $sql = "select * from finger_ajax"; 
7.  $res = mysql_query($sql,$link); 
8.  while($row = mysql_fetch_array($res)){ 
9.   echo "<p>".$row['title']." <a href='#' onclick='finger(".$row['id'].")'><img src='finger.jpg'/>攢一下(<span class='finger".$row['id']."'>".$row['finger']."</span>)</a></p> "; 
10.  } 
11. ?> 

處理ajax請求及配置信息文件finger_ajax.php,代碼如下:

1. <?php 
2.  /**"攢" 功能 響應ajax請求*/ 
3.  //配置 
4.  $dbHost = "localhost"; 
5.  $dbUser = "root"; 
6.  $dbPass = "dddddd"; 
7.  $dbName = "test"; 
8.  $dbCharset = "utf8"; 
9.  
10.  
11.  $link = mysql_connect($dbHost,$dbUser,$dbPass) or die(mysql_error()); 
12.  mysql_query("set names ".$dbCharset); 
13.  mysql_select_db($dbName); 
14.  // End 
15.  //接受對應的id 
16.  if(!emptyempty($_POST['id'])){ 
17.   $id = $_POST['id']; 
18.   //“攢”加1 
19.   $sql = "update finger_ajax set finger=finger+1 where id=$id;"; 
20.   if(mysql_query($sql,$link)){ 
21.    echo "ok"; 
22.   }else{ 
23.    echo "failed"; 
24.   } 
25.  } 
26. ?> 

js文件finger_ajax.js代碼如下：

1. //攢 js 
2. function finger(topic_id){ 
3.  $.post("finger_ajax.php", { "id": topic_id }, 
4.    function(data){ 
5.      if(data=="ok"){ 
6.    alert("感謝您的支持！"); 
7.   }else{ 
8.    alert("對不起，失敗了！"); 
9.   } 
10.    }, "text");  
11.  //獲取當前“攢”的次數并加1 
12.  var finger = parseInt($(".finger"+topic_id).html())+1; 
13.  //更新“攢”的次數 
14.  $(".finger"+topic_id).html(finger); 
15. } 

數據庫代碼finger_ajax.sql代碼如下:

1. DROP TABLE IF EXISTS `finger_ajax`; 
2. CREATE TABLE `finger_ajax` ( 
3.   `id` int(11) NOT NULL AUTO_INCREMENT, 
4.   `title` varchar(50) NOT NULL DEFAULT '', 
5.   `finger` int(11) NOT NULL DEFAULT '0', 
6.   PRIMARY KEY (`id`) 
7. ) ENGINE=MyISAM AUTO_INCREMENT=3 DEFAULT CHARSET=utf8; 
8.  
9.  
10. -- ---------------------------- 
11. -- Records of finger_ajax 
12. -- ---------------------------- 
13. INSERT INTO `finger_ajax` VALUES ('1', '今天天氣還不錯哦！去做點什么好呢？', '10'); 
14. INSERT INTO `finger_ajax` VALUES ('2', '歡迎來到 www.111cn.net，國慶將至，祝大家國慶節快樂！！', '3');