首页 » Wordpress » Wordpress进阶教程
网站地图

wordpress进阶教程(三十一):ajax实现文章顶踩

本篇教程要实现的内容为文章定踩功能，或者说“喜欢”“不喜欢”。

应用实例：

wordpress顶踩功能

实现步骤：

本实例以上图所示喜欢和不喜欢为例。

一、新建数据表

新建数据表，将文章投票数据保存在新的数据表中，我们需要记录用户ID，文章ID，投票内容，用户ip，新数据表如下：投票功能数据表

实现新建数据表代码如下，将代码添加进主题的functions.php(或自定)文件中：

  2. /*********更新重写规则***************/  
  3. function ashu_load_theme() {   
  4.     global $pagenow;   
  5.     if ( is_admin() && 'themes.php' == $pagenow && isset( $_GET['activated'] ) )   
  6.         ashu_vote_install(); //激活主题的时候执行函数   
  7. }   
  8. add_action( 'load-themes.php', 'ashu_load_theme' );   
  9. function ashu_vote_install(){   
  10.     global $wpdb;   
  11.     //创建 _post_vote表   
  12.     $table_name = $wpdb->prefix . 'post_vote';   
  13.     if( $wpdb->get_var("SHOW TABLES LIKE '$table_name'") != $table_name ) :   
  14.     $sql = " CREATE TABLE `".$wpdb->prefix."post_vote` ( 
  15.       `id` BIGINT NOT NULL AUTO_INCREMENT PRIMARY KEY ,  
  16.       `user` INT NOT NULL ,  
  17.       `post` INT NOT NULL ,  
  18.       `rating` varchar(10),  
  19.       `ip` varchar(40)  
  20.      ) ENGINE = MYISAM DEFAULT CHARSET=utf8;";   
  21.         require_once(ABSPATH . 'wp-admin/includes/upgrade.php');   
  22.         dbDelta($sql);   
  23.     endif;   
  24. }  
  27. /*  
  28. *添加投票函数  
  29. *$post_id 文章id  
  30. *$user_id 用户ID  
  31. *$ip 用户IP  
  32. *$rating 投票内容  
  33. */  
  34. function add_vote($post_id,$user_id='',$ip='',$rating='up'){   
  35.     global $wpdb;   
  36.     $user_id = (int)$user_id;   
  37.     $post_id = (int)$post_id;   
  38.     if(($user_id=='')&&($ip=='')){   
  39.         return "e"; //返回error   
  40.     }   
  41.     //检查用户对某一文章是否已经投票票了   
  42.     if($user_id!=''){   
  43.         $check= "select * from ".$wpdb->prefix."post_vote where post='$post_id' and user='$user_id'";   
  44.     }else{   
  45.         if($ip!=''){   
  46.             $check= "select * from ".$wpdb->prefix."post_vote where post='$post_id' and ip='$ip'";   
  47.         }   
  48.     }   
  49.     $coo = $wpdb->get_results($check);   
  50.     //投票内容只能是up或者down   
  51.     if($rating=='up'){   
  52.         $rating='up';   
  53.     }else{   
  54.         $rating='down';   
  55.     }   
  56.     //如果不存在数据   
  57.     if(!count($coo) > 0){   
  58.         //插入数据 sql   
  59.         $s = "insert into ".$wpdb->prefix."post_vote (user,post,rating,ip) values('$user_id','$post_id','$rating','$ip')";   
  60.         $wpdb->query($s);   
  61.         return "y"; //返回yes   
  62.     }else{   
  63.         return "h"; //返回have   
  64.     }   
  65.     return "e";//返回error   
  66. }  
  69. /*   
  70. *获取文章投票数据   
  71. *$post_id 文章ID   
  72. *$vote 投票内容   
  73. */   
  74. function get_post_vote($post_id,$vote='up'){   
  75.     global $wpdb;   
  76.     $post_id = (int)$post_id;   
  77.     if($vote == 'up'){   
  78.         $vote='up';   
  79.     }else{   
  80.         $vote='down';   
  81.     }   
  82.     //查询数据sql   
  83.     $sql = "select count(*) from ".$wpdb->prefix."post_vote where post='$post_id' and rating='$vote'";   
  84.     $coo = $wpdb->get_var($sql);   
  85.     if($coo)   
  86.     return $coo; //返回数据   
  87.     else   
  88.     return 0;   
  89. }  
  92. <span class="vote_up" id="<?php echo 'vote_up'.$post->ID;?>">   
  93.     <a href="javascript:void(0);" rel="<?php echo 'up_',$post->ID;?>">   
  94.     <span id="<?php echo 'vup'.$post->ID;?>">   
  95.         <?php echo get_post_vote($post->ID,'up');?>   
  96.     </span>   
  97.     </a>   
  98. 人认为值得买！</span>   
  99.   
  100. <span class="vote_down" id="<?php echo 'vote_down'.$post->ID;?>">   
  101.     <a href="javascript:void(0);" rel="<?php echo 'down_'.$post->ID;?>">   
  102.     <span id="<?php echo 'vdown'.$post->ID;?>">   
  103.         <?php echo get_post_vote($post->ID,'down');?>   
  104.     </span>   
  105.     </a>人认为不值得买！   
  106. </span>  
  109. <span class="vote_up" id="vote_up44">  
  110.     <a href="javascript:void(0);" title="值得" rel="up_44">  
  111.     <span id="vup44">  
  112.         0   
  113.     </span>  
  114.     </a>  
  115. 人认为值得买！</span>  
  116. <span class="vote_down" id="vote_down44">  
  117.     <a href="javascript:void(0);" title="不值" rel="down_44">  
  118.     <span id="vdown44">  
  119.         1   
  120.     </span>  
  121.     </a>人认为不值得买！   
  122. </span>  
  125. <script src="<?php echo get_template_directory_uri();?>/js/jquery-1.7.2.min.js"></script>   
  128. 其中输出了ajax请求的地址：www.shouce.ren/wp-admin/admin-ajax.php
  129. <script type="text/javascript">var ajax_url = '<?php echo admin_url(); ?>admin-ajax.php';</script>  
  130. <script src="<?php echo get_template_directory_uri();?>/js/ashu.js"></script>    
  133. /**     
  134.  * by ashu.     
  135.  * URI: http://www.shouce.ren     
  136.  */   
  137.   
  138. /**   
  139.  * 获取Cookie   
  140.  *name  cookie名称   
  141.  */   
  142. function getCookie(name) {   
  143.     var start = document.cookie.indexOf( name + "=" );   
  144.     var len = start + name.length + 1;   
  145.   
  146.     if ( ( !start ) && ( name != document.cookie.substring( 0, name.length ) ) )   
  147.         return null;   
  148.   
  149.     if ( start == -1 )   
  150.         return null;   
  151.   
  152.     var end = document.cookie.indexOf( ';', len );   
  153.   
  154.     if ( end == -1 )   
  155.         end = document.cookie.length;   
  156.     return unescape( document.cookie.substring( len, end ) );   
  157. }   
  158. function ashu_isCookieEnable() {   
  159.     var today = new Date();   
  160.     today.setTime( today.getTime() );   
  161.     var expires_date = new Date( today.getTime() + (1000 * 60) );   
  162.   
  163.     document.cookie = 'ashu_cookie_test=test;expires=' + expires_date.toGMTString() + ';path=/';   
  164.     var cookieEnable = (getCookie('ashu_cookie_test') == 'test') ?  true : false;   
  165.     //document.cookie = 'ludou_cookie_test=;expires=Fri, 3 Aug 2001 20:47:11 UTC;path=/';   
  166.     return cookieEnable;   
  167. }   
  168.     
  169. jQuery(document).ready(function($) {   
  170.     var ashu_token = 1;   
  171.     $('.vote_up a').click(function(){   
  172.         //检查浏览器是否启用cookie功能   
  173.         if( !ashu_isCookieEnable() ) {   
  174.             alert("很抱歉，您不能给本文投票！");   
  175.             return;   
  176.         }   
  177.         if( ashu_token != 1 ) {   
  178.             alert("您的鼠标点得也太快了吧？！");   
  179.             return false;   
  180.         }   
  181.         ashu_token = 0;   
  182.         //获取投票a标签中的rel值   
  183.         var full_info = $(this).attr( 'rel' );   
  184.         var arr_param = full_info.split( '_' ); //以字符"_"分割   
  185.         //发起ajax   
  186.         $.ajax({   
  187.             url:ajax_url, //ajax地址   
  188.             type:'POST',   
  189.             //请求的参数包括action   rating  postid三项   
  190.             data:'action=vote_post&rating=' + arr_param[ 0 ] + '&postid=' + arr_param[ 1 ],   
  191.             //返回数据   
  192.             success:function(results){   
  193.                 if(results=='n'){   
  194.                     alert('评价失败');   
  195.                     ashu_token = 1;   
  196.   
  197.                 }   
  198.                 if (results=='y'){   
  199.                     //如果成功，给前台数据加1   
  200.                     var upd_vd = 'vup' + arr_param[ 1 ];   
  201.                     $('#'+upd_vd).text(parseInt($("#"+upd_vd).text())+1);   
  202.                     ashu_token = 1;   
  203.                        
  204.                 }   
  205.                 if (results=='h'){   
  206.                     ashu_token = 1;   
  207.                     alert('已经发表过评价了');   
  208.                 }   
  209.                 if (results=='e'){   
  210.                     ashu_token = 1;   
  211.                     alert('评价失败');   
  212.                 }   
  213.             }   
  214.         });   
  215.     });   
  216.        
  217.     $('.vote_down a').click(function(){   
  218.         if( !ashu_isCookieEnable() ) {   
  219.             alert("很抱歉，您不能给本文投票！");   
  220.             return;   
  221.         }   
  222.         if(ashu_token != 1) {   
  223.             alert("您的鼠标点得也太快了吧？！");   
  224.             return false;   
  225.         }   
  226.         ashu_token = 0;   
  227.   
  228.         var full_info = $(this).attr( 'rel' );   
  229.         var arr_param = full_info.split( '_' );   
  230.         $.ajax({   
  231.             url:ajax_url,   
  232.             type:'POST',   
  233.             data:'action=vote_post&rating=' + arr_param[ 0 ] + '&postid=' + arr_param[ 1 ],   
  234.             success:function(results){   
  235.                 if(results=='n'){   
  236.                     alert('评价失败');   
  237.                     ashu_token = 1;   
  238.                 }   
  239.                 if (results=='y'){   
  240.                     var upd_vd = 'vdown' + arr_param[ 1 ];   
  241.                     $("#"+upd_vd).text(parseInt($("#"+upd_vd).text())+1);   
  242.                     ashu_token = 1;   
  243.                 }   
  244.                 if (results=='h'){   
  245.                     ashu_token = 1;   
  246.                     alert('已经发表过评价了');   
  247.                 }   
  248.                 if (results=='e'){   
  249.                     ashu_token = 1;   
  250.                     alert('发生未知错误');   
  251.                 }   
  252.             }   
  253.         });   
  254.     });   
  255. });  
  258. /*   
  259. *wp的ajax都可以通过请求中的action参数来执行对应的钩子   
  260. *示例中我们的action参数值是vote_post   
  261. *所以我们可以直接用下面两个钩子来执行动作   
  262. */   
  263. add_action("wp_ajax_vote_post", "add_votes_options");   
  264. add_action("wp_ajax_nopriv_vote_post", "add_votes_options");   
  265. function add_votes_options() {   
  266.   
  267. if( isset($_POST['action']) && ($_POST['action'] == 'vote_post') ){   
  268.     $postid = (int)$_POST['postid'];   
  269.     if( !$postid ){   
  270.         echo 'e'; //输出error   
  271.         die(0);   
  272.     }   
  273.     //cookie中是否已经存在投票数据   
  274.     $voted = $_COOKIE["smzdm_voted_".$postid];   
  275.     if( $voted ){   
  276.         echo 'h'; //输出have   
  277.         die(0);   
  278.     }   
  279.     $ip = $_SERVER['REMOTE_ADDR'];//ip   
  280.     $rating = $_POST['rating']; //投票内容   
  281.     //判断用户是否登录   
  282.     if(  is_user_logged_in() ){   
  283.         global $wpdb, $current_user;   
  284.         get_currentuserinfo();   
  285.         $uid = $current_user->ID;   
  286.     }else{   
  287.         $uid='';   
  288.     }   
  289.     if($rating=='up'){   
  290.         $rating='up';   
  291.     }else{   
  292.         $rating='down';   
  293.     }   
  294.     //添加数据   
  295.     $voted = add_vote($postid,$uid,$ip,$rating);   
  296.     if($voted=='y'){   
  297.         //设置cookie   
  298.         setcookie("ashu_voted_" . $postid,$rating, time() + 3000000, '/');   
  299.         echo 'y';//输出yes   
  300.         die(0);   
  301.     }   
  302.     if($voted=='h'){   
  303.         //设置cookie   
  304.         setcookie("ashu_voted_" . $postid,$rating, time() + 3000000, '/');   
  305.         echo 'h';   
  306.         die(0);   
  307.     }   
  308.     if($voted=='e'){   
  309.         echo 'n';//输出no   
  310.         die(0);   
  311.     }   
  312. }else{   
  313.     echo 'e';//输出eroor   
  314. }   
  315. die(0);   
  316. }  

二、准备投票和查询函数

准备数据库操作函数，包括添加数据函数和查询数据，将如下函数代码也添加到主题的functions.php文件(或自定)：

1、添加数据函数

  2. /*********更新重写规则***************/  
  3. function ashu_load_theme() {   
  4.     global $pagenow;   
  5.     if ( is_admin() && 'themes.php' == $pagenow && isset( $_GET['activated'] ) )   
  6.         ashu_vote_install(); //激活主题的时候执行函数   
  7. }   
  8. add_action( 'load-themes.php', 'ashu_load_theme' );   
  9. function ashu_vote_install(){   
  10.     global $wpdb;   
  11.     //创建 _post_vote表   
  12.     $table_name = $wpdb->prefix . 'post_vote';   
  13.     if( $wpdb->get_var("SHOW TABLES LIKE '$table_name'") != $table_name ) :   
  14.     $sql = " CREATE TABLE `".$wpdb->prefix."post_vote` ( 
  15.       `id` BIGINT NOT NULL AUTO_INCREMENT PRIMARY KEY ,  
  16.       `user` INT NOT NULL ,  
  17.       `post` INT NOT NULL ,  
  18.       `rating` varchar(10),  
  19.       `ip` varchar(40)  
  20.      ) ENGINE = MYISAM DEFAULT CHARSET=utf8;";   
  21.         require_once(ABSPATH . 'wp-admin/includes/upgrade.php');   
  22.         dbDelta($sql);   
  23.     endif;   
  24. }  
  27. /*  
  28. *添加投票函数  
  29. *$post_id 文章id  
  30. *$user_id 用户ID  
  31. *$ip 用户IP  
  32. *$rating 投票内容  
  33. */  
  34. function add_vote($post_id,$user_id='',$ip='',$rating='up'){   
  35.     global $wpdb;   
  36.     $user_id = (int)$user_id;   
  37.     $post_id = (int)$post_id;   
  38.     if(($user_id=='')&&($ip=='')){   
  39.         return "e"; //返回error   
  40.     }   
  41.     //检查用户对某一文章是否已经投票票了   
  42.     if($user_id!=''){   
  43.         $check= "select * from ".$wpdb->prefix."post_vote where post='$post_id' and user='$user_id'";   
  44.     }else{   
  45.         if($ip!=''){   
  46.             $check= "select * from ".$wpdb->prefix."post_vote where post='$post_id' and ip='$ip'";   
  47.         }   
  48.     }   
  49.     $coo = $wpdb->get_results($check);   
  50.     //投票内容只能是up或者down   
  51.     if($rating=='up'){   
  52.         $rating='up';   
  53.     }else{   
  54.         $rating='down';   
  55.     }   
  56.     //如果不存在数据   
  57.     if(!count($coo) > 0){   
  58.         //插入数据 sql   
  59.         $s = "insert into ".$wpdb->prefix."post_vote (user,post,rating,ip) values('$user_id','$post_id','$rating','$ip')";   
  60.         $wpdb->query($s);   
  61.         return "y"; //返回yes   
  62.     }else{   
  63.         return "h"; //返回have   
  64.     }   
  65.     return "e";//返回error   
  66. }  
  69. /*   
  70. *获取文章投票数据   
  71. *$post_id 文章ID   
  72. *$vote 投票内容   
  73. */   
  74. function get_post_vote($post_id,$vote='up'){   
  75.     global $wpdb;   
  76.     $post_id = (int)$post_id;   
  77.     if($vote == 'up'){   
  78.         $vote='up';   
  79.     }else{   
  80.         $vote='down';   
  81.     }   
  82.     //查询数据sql   
  83.     $sql = "select count(*) from ".$wpdb->prefix."post_vote where post='$post_id' and rating='$vote'";   
  84.     $coo = $wpdb->get_var($sql);   
  85.     if($coo)   
  86.     return $coo; //返回数据   
  87.     else   
  88.     return 0;   
  89. }  
  92. <span class="vote_up" id="<?php echo 'vote_up'.$post->ID;?>">   
  93.     <a href="javascript:void(0);" rel="<?php echo 'up_',$post->ID;?>">   
  94.     <span id="<?php echo 'vup'.$post->ID;?>">   
  95.         <?php echo get_post_vote($post->ID,'up');?>   
  96.     </span>   
  97.     </a>   
  98. 人认为值得买！</span>   
  99.   
  100. <span class="vote_down" id="<?php echo 'vote_down'.$post->ID;?>">   
  101.     <a href="javascript:void(0);" rel="<?php echo 'down_'.$post->ID;?>">   
  102.     <span id="<?php echo 'vdown'.$post->ID;?>">   
  103.         <?php echo get_post_vote($post->ID,'down');?>   
  104.     </span>   
  105.     </a>人认为不值得买！   
  106. </span>  
  109. <span class="vote_up" id="vote_up44">  
  110.     <a href="javascript:void(0);" title="值得" rel="up_44">  
  111.     <span id="vup44">  
  112.         0   
  113.     </span>  
  114.     </a>  
  115. 人认为值得买！</span>  
  116. <span class="vote_down" id="vote_down44">  
  117.     <a href="javascript:void(0);" title="不值" rel="down_44">  
  118.     <span id="vdown44">  
  119.         1   
  120.     </span>  
  121.     </a>人认为不值得买！   
  122. </span>  
  125. <script src="<?php echo get_template_directory_uri();?>/js/jquery-1.7.2.min.js"></script>   
  128. 其中输出了ajax请求的地址：www.shouce.ren/wp-admin/admin-ajax.php
  129. <script type="text/javascript">var ajax_url = '<?php echo admin_url(); ?>admin-ajax.php';</script>  
  130. <script src="<?php echo get_template_directory_uri();?>/js/ashu.js"></script>    
  133. /**     
  134.  * by ashu.     
  135.  * URI: http://www.shouce.ren     
  136.  */   
  137.   
  138. /**   
  139.  * 获取Cookie   
  140.  *name  cookie名称   
  141.  */   
  142. function getCookie(name) {   
  143.     var start = document.cookie.indexOf( name + "=" );   
  144.     var len = start + name.length + 1;   
  145.   
  146.     if ( ( !start ) && ( name != document.cookie.substring( 0, name.length ) ) )   
  147.         return null;   
  148.   
  149.     if ( start == -1 )   
  150.         return null;   
  151.   
  152.     var end = document.cookie.indexOf( ';', len );   
  153.   
  154.     if ( end == -1 )   
  155.         end = document.cookie.length;   
  156.     return unescape( document.cookie.substring( len, end ) );   
  157. }   
  158. function ashu_isCookieEnable() {   
  159.     var today = new Date();   
  160.     today.setTime( today.getTime() );   
  161.     var expires_date = new Date( today.getTime() + (1000 * 60) );   
  162.   
  163.     document.cookie = 'ashu_cookie_test=test;expires=' + expires_date.toGMTString() + ';path=/';   
  164.     var cookieEnable = (getCookie('ashu_cookie_test') == 'test') ?  true : false;   
  165.     //document.cookie = 'ludou_cookie_test=;expires=Fri, 3 Aug 2001 20:47:11 UTC;path=/';   
  166.     return cookieEnable;   
  167. }   
  168.     
  169. jQuery(document).ready(function($) {   
  170.     var ashu_token = 1;   
  171.     $('.vote_up a').click(function(){   
  172.         //检查浏览器是否启用cookie功能   
  173.         if( !ashu_isCookieEnable() ) {   
  174.             alert("很抱歉，您不能给本文投票！");   
  175.             return;   
  176.         }   
  177.         if( ashu_token != 1 ) {   
  178.             alert("您的鼠标点得也太快了吧？！");   
  179.             return false;   
  180.         }   
  181.         ashu_token = 0;   
  182.         //获取投票a标签中的rel值   
  183.         var full_info = $(this).attr( 'rel' );   
  184.         var arr_param = full_info.split( '_' ); //以字符"_"分割   
  185.         //发起ajax   
  186.         $.ajax({   
  187.             url:ajax_url, //ajax地址   
  188.             type:'POST',   
  189.             //请求的参数包括action   rating  postid三项   
  190.             data:'action=vote_post&rating=' + arr_param[ 0 ] + '&postid=' + arr_param[ 1 ],   
  191.             //返回数据   
  192.             success:function(results){   
  193.                 if(results=='n'){   
  194.                     alert('评价失败');   
  195.                     ashu_token = 1;   
  196.   
  197.                 }   
  198.                 if (results=='y'){   
  199.                     //如果成功，给前台数据加1   
  200.                     var upd_vd = 'vup' + arr_param[ 1 ];   
  201.                     $('#'+upd_vd).text(parseInt($("#"+upd_vd).text())+1);   
  202.                     ashu_token = 1;   
  203.                        
  204.                 }   
  205.                 if (results=='h'){   
  206.                     ashu_token = 1;   
  207.                     alert('已经发表过评价了');   
  208.                 }   
  209.                 if (results=='e'){   
  210.                     ashu_token = 1;   
  211.                     alert('评价失败');   
  212.                 }   
  213.             }   
  214.         });   
  215.     });   
  216.        
  217.     $('.vote_down a').click(function(){   
  218.         if( !ashu_isCookieEnable() ) {   
  219.             alert("很抱歉，您不能给本文投票！");   
  220.             return;   
  221.         }   
  222.         if(ashu_token != 1) {   
  223.             alert("您的鼠标点得也太快了吧？！");   
  224.             return false;   
  225.         }   
  226.         ashu_token = 0;   
  227.   
  228.         var full_info = $(this).attr( 'rel' );   
  229.         var arr_param = full_info.split( '_' );   
  230.         $.ajax({   
  231.             url:ajax_url,   
  232.             type:'POST',   
  233.             data:'action=vote_post&rating=' + arr_param[ 0 ] + '&postid=' + arr_param[ 1 ],   
  234.             success:function(results){   
  235.                 if(results=='n'){   
  236.                     alert('评价失败');   
  237.                     ashu_token = 1;   
  238.                 }   
  239.                 if (results=='y'){   
  240.                     var upd_vd = 'vdown' + arr_param[ 1 ];   
  241.                     $("#"+upd_vd).text(parseInt($("#"+upd_vd).text())+1);   
  242.                     ashu_token = 1;   
  243.                 }   
  244.                 if (results=='h'){   
  245.                     ashu_token = 1;   
  246.                     alert('已经发表过评价了');   
  247.                 }   
  248.                 if (results=='e'){   
  249.                     ashu_token = 1;   
  250.                     alert('发生未知错误');   
  251.                 }   
  252.             }   
  253.         });   
  254.     });   
  255. });  
  258. /*   
  259. *wp的ajax都可以通过请求中的action参数来执行对应的钩子   
  260. *示例中我们的action参数值是vote_post   
  261. *所以我们可以直接用下面两个钩子来执行动作   
  262. */   
  263. add_action("wp_ajax_vote_post", "add_votes_options");   
  264. add_action("wp_ajax_nopriv_vote_post", "add_votes_options");   
  265. function add_votes_options() {   
  266.   
  267. if( isset($_POST['action']) && ($_POST['action'] == 'vote_post') ){   
  268.     $postid = (int)$_POST['postid'];   
  269.     if( !$postid ){   
  270.         echo 'e'; //输出error   
  271.         die(0);   
  272.     }   
  273.     //cookie中是否已经存在投票数据   
  274.     $voted = $_COOKIE["smzdm_voted_".$postid];   
  275.     if( $voted ){   
  276.         echo 'h'; //输出have   
  277.         die(0);   
  278.     }   
  279.     $ip = $_SERVER['REMOTE_ADDR'];//ip   
  280.     $rating = $_POST['rating']; //投票内容   
  281.     //判断用户是否登录   
  282.     if(  is_user_logged_in() ){   
  283.         global $wpdb, $current_user;   
  284.         get_currentuserinfo();   
  285.         $uid = $current_user->ID;   
  286.     }else{   
  287.         $uid='';   
  288.     }   
  289.     if($rating=='up'){   
  290.         $rating='up';   
  291.     }else{   
  292.         $rating='down';   
  293.     }   
  294.     //添加数据   
  295.     $voted = add_vote($postid,$uid,$ip,$rating);   
  296.     if($voted=='y'){   
  297.         //设置cookie   
  298.         setcookie("ashu_voted_" . $postid,$rating, time() + 3000000, '/');   
  299.         echo 'y';//输出yes   
  300.         die(0);   
  301.     }   
  302.     if($voted=='h'){   
  303.         //设置cookie   
  304.         setcookie("ashu_voted_" . $postid,$rating, time() + 3000000, '/');   
  305.         echo 'h';   
  306.         die(0);   
  307.     }   
  308.     if($voted=='e'){   
  309.         echo 'n';//输出no   
  310.         die(0);   
  311.     }   
  312. }else{   
  313.     echo 'e';//输出eroor   
  314. }   
  315. die(0);   
  316. }  

2、查询投票数据函数

比如查询某文章点击up的数据，则使用 get_post_vote(1,'up');

  2. /*********更新重写规则***************/  
  3. function ashu_load_theme() {   
  4.     global $pagenow;   
  5.     if ( is_admin() && 'themes.php' == $pagenow && isset( $_GET['activated'] ) )   
  6.         ashu_vote_install(); //激活主题的时候执行函数   
  7. }   
  8. add_action( 'load-themes.php', 'ashu_load_theme' );   
  9. function ashu_vote_install(){   
  10.     global $wpdb;   
  11.     //创建 _post_vote表   
  12.     $table_name = $wpdb->prefix . 'post_vote';   
  13.     if( $wpdb->get_var("SHOW TABLES LIKE '$table_name'") != $table_name ) :   
  14.     $sql = " CREATE TABLE `".$wpdb->prefix."post_vote` ( 
  15.       `id` BIGINT NOT NULL AUTO_INCREMENT PRIMARY KEY ,  
  16.       `user` INT NOT NULL ,  
  17.       `post` INT NOT NULL ,  
  18.       `rating` varchar(10),  
  19.       `ip` varchar(40)  
  20.      ) ENGINE = MYISAM DEFAULT CHARSET=utf8;";   
  21.         require_once(ABSPATH . 'wp-admin/includes/upgrade.php');   
  22.         dbDelta($sql);   
  23.     endif;   
  24. }  
  27. /*  
  28. *添加投票函数  
  29. *$post_id 文章id  
  30. *$user_id 用户ID  
  31. *$ip 用户IP  
  32. *$rating 投票内容  
  33. */  
  34. function add_vote($post_id,$user_id='',$ip='',$rating='up'){   
  35.     global $wpdb;   
  36.     $user_id = (int)$user_id;   
  37.     $post_id = (int)$post_id;   
  38.     if(($user_id=='')&&($ip=='')){   
  39.         return "e"; //返回error   
  40.     }   
  41.     //检查用户对某一文章是否已经投票票了   
  42.     if($user_id!=''){   
  43.         $check= "select * from ".$wpdb->prefix."post_vote where post='$post_id' and user='$user_id'";   
  44.     }else{   
  45.         if($ip!=''){   
  46.             $check= "select * from ".$wpdb->prefix."post_vote where post='$post_id' and ip='$ip'";   
  47.         }   
  48.     }   
  49.     $coo = $wpdb->get_results($check);   
  50.     //投票内容只能是up或者down   
  51.     if($rating=='up'){   
  52.         $rating='up';   
  53.     }else{   
  54.         $rating='down';   
  55.     }   
  56.     //如果不存在数据   
  57.     if(!count($coo) > 0){   
  58.         //插入数据 sql   
  59.         $s = "insert into ".$wpdb->prefix."post_vote (user,post,rating,ip) values('$user_id','$post_id','$rating','$ip')";   
  60.         $wpdb->query($s);   
  61.         return "y"; //返回yes   
  62.     }else{   
  63.         return "h"; //返回have   
  64.     }   
  65.     return "e";//返回error   
  66. }  
  69. /*   
  70. *获取文章投票数据   
  71. *$post_id 文章ID   
  72. *$vote 投票内容   
  73. */   
  74. function get_post_vote($post_id,$vote='up'){   
  75.     global $wpdb;   
  76.     $post_id = (int)$post_id;   
  77.     if($vote == 'up'){   
  78.         $vote='up';   
  79.     }else{   
  80.         $vote='down';   
  81.     }   
  82.     //查询数据sql   
  83.     $sql = "select count(*) from ".$wpdb->prefix."post_vote where post='$post_id' and rating='$vote'";   
  84.     $coo = $wpdb->get_var($sql);   
  85.     if($coo)   
  86.     return $coo; //返回数据   
  87.     else   
  88.     return 0;   
  89. }  
  92. <span class="vote_up" id="<?php echo 'vote_up'.$post->ID;?>">   
  93.     <a href="javascript:void(0);" rel="<?php echo 'up_',$post->ID;?>">   
  94.     <span id="<?php echo 'vup'.$post->ID;?>">   
  95.         <?php echo get_post_vote($post->ID,'up');?>   
  96.     </span>   
  97.     </a>   
  98. 人认为值得买！</span>   
  99.   
  100. <span class="vote_down" id="<?php echo 'vote_down'.$post->ID;?>">   
  101.     <a href="javascript:void(0);" rel="<?php echo 'down_'.$post->ID;?>">   
  102.     <span id="<?php echo 'vdown'.$post->ID;?>">   
  103.         <?php echo get_post_vote($post->ID,'down');?>   
  104.     </span>   
  105.     </a>人认为不值得买！   
  106. </span>  
  109. <span class="vote_up" id="vote_up44">  
  110.     <a href="javascript:void(0);" title="值得" rel="up_44">  
  111.     <span id="vup44">  
  112.         0   
  113.     </span>  
  114.     </a>  
  115. 人认为值得买！</span>  
  116. <span class="vote_down" id="vote_down44">  
  117.     <a href="javascript:void(0);" title="不值" rel="down_44">  
  118.     <span id="vdown44">  
  119.         1   
  120.     </span>  
  121.     </a>人认为不值得买！   
  122. </span>  
  125. <script src="<?php echo get_template_directory_uri();?>/js/jquery-1.7.2.min.js"></script>   
  128. 其中输出了ajax请求的地址：www.shouce.ren/wp-admin/admin-ajax.php
  129. <script type="text/javascript">var ajax_url = '<?php echo admin_url(); ?>admin-ajax.php';</script>  
  130. <script src="<?php echo get_template_directory_uri();?>/js/ashu.js"></script>    
  133. /**     
  134.  * by ashu.     
  135.  * URI: http://www.shouce.ren     
  136.  */   
  137.   
  138. /**   
  139.  * 获取Cookie   
  140.  *name  cookie名称   
  141.  */   
  142. function getCookie(name) {   
  143.     var start = document.cookie.indexOf( name + "=" );   
  144.     var len = start + name.length + 1;   
  145.   
  146.     if ( ( !start ) && ( name != document.cookie.substring( 0, name.length ) ) )   
  147.         return null;   
  148.   
  149.     if ( start == -1 )   
  150.         return null;   
  151.   
  152.     var end = document.cookie.indexOf( ';', len );   
  153.   
  154.     if ( end == -1 )   
  155.         end = document.cookie.length;   
  156.     return unescape( document.cookie.substring( len, end ) );   
  157. }   
  158. function ashu_isCookieEnable() {   
  159.     var today = new Date();   
  160.     today.setTime( today.getTime() );   
  161.     var expires_date = new Date( today.getTime() + (1000 * 60) );   
  162.   
  163.     document.cookie = 'ashu_cookie_test=test;expires=' + expires_date.toGMTString() + ';path=/';   
  164.     var cookieEnable = (getCookie('ashu_cookie_test') == 'test') ?  true : false;   
  165.     //document.cookie = 'ludou_cookie_test=;expires=Fri, 3 Aug 2001 20:47:11 UTC;path=/';   
  166.     return cookieEnable;   
  167. }   
  168.     
  169. jQuery(document).ready(function($) {   
  170.     var ashu_token = 1;   
  171.     $('.vote_up a').click(function(){   
  172.         //检查浏览器是否启用cookie功能   
  173.         if( !ashu_isCookieEnable() ) {   
  174.             alert("很抱歉，您不能给本文投票！");   
  175.             return;   
  176.         }   
  177.         if( ashu_token != 1 ) {   
  178.             alert("您的鼠标点得也太快了吧？！");   
  179.             return false;   
  180.         }   
  181.         ashu_token = 0;   
  182.         //获取投票a标签中的rel值   
  183.         var full_info = $(this).attr( 'rel' );   
  184.         var arr_param = full_info.split( '_' ); //以字符"_"分割   
  185.         //发起ajax   
  186.         $.ajax({   
  187.             url:ajax_url, //ajax地址   
  188.             type:'POST',   
  189.             //请求的参数包括action   rating  postid三项   
  190.             data:'action=vote_post&rating=' + arr_param[ 0 ] + '&postid=' + arr_param[ 1 ],   
  191.             //返回数据   
  192.             success:function(results){   
  193.                 if(results=='n'){   
  194.                     alert('评价失败');   
  195.                     ashu_token = 1;   
  196.   
  197.                 }   
  198.                 if (results=='y'){   
  199.                     //如果成功，给前台数据加1   
  200.                     var upd_vd = 'vup' + arr_param[ 1 ];   
  201.                     $('#'+upd_vd).text(parseInt($("#"+upd_vd).text())+1);   
  202.                     ashu_token = 1;   
  203.                        
  204.                 }   
  205.                 if (results=='h'){   
  206.                     ashu_token = 1;   
  207.                     alert('已经发表过评价了');   
  208.                 }   
  209.                 if (results=='e'){   
  210.                     ashu_token = 1;   
  211.                     alert('评价失败');   
  212.                 }   
  213.             }   
  214.         });   
  215.     });   
  216.        
  217.     $('.vote_down a').click(function(){   
  218.         if( !ashu_isCookieEnable() ) {   
  219.             alert("很抱歉，您不能给本文投票！");   
  220.             return;   
  221.         }   
  222.         if(ashu_token != 1) {   
  223.             alert("您的鼠标点得也太快了吧？！");   
  224.             return false;   
  225.         }   
  226.         ashu_token = 0;   
  227.   
  228.         var full_info = $(this).attr( 'rel' );   
  229.         var arr_param = full_info.split( '_' );   
  230.         $.ajax({   
  231.             url:ajax_url,   
  232.             type:'POST',   
  233.             data:'action=vote_post&rating=' + arr_param[ 0 ] + '&postid=' + arr_param[ 1 ],   
  234.             success:function(results){   
  235.                 if(results=='n'){   
  236.                     alert('评价失败');   
  237.                     ashu_token = 1;   
  238.                 }   
  239.                 if (results=='y'){   
  240.                     var upd_vd = 'vdown' + arr_param[ 1 ];   
  241.                     $("#"+upd_vd).text(parseInt($("#"+upd_vd).text())+1);   
  242.                     ashu_token = 1;   
  243.                 }   
  244.                 if (results=='h'){   
  245.                     ashu_token = 1;   
  246.                     alert('已经发表过评价了');   
  247.                 }   
  248.                 if (results=='e'){   
  249.                     ashu_token = 1;   
  250.                     alert('发生未知错误');   
  251.                 }   
  252.             }   
  253.         });   
  254.     });   
  255. });  
  258. /*   
  259. *wp的ajax都可以通过请求中的action参数来执行对应的钩子   
  260. *示例中我们的action参数值是vote_post   
  261. *所以我们可以直接用下面两个钩子来执行动作   
  262. */   
  263. add_action("wp_ajax_vote_post", "add_votes_options");   
  264. add_action("wp_ajax_nopriv_vote_post", "add_votes_options");   
  265. function add_votes_options() {   
  266.   
  267. if( isset($_POST['action']) && ($_POST['action'] == 'vote_post') ){   
  268.     $postid = (int)$_POST['postid'];   
  269.     if( !$postid ){   
  270.         echo 'e'; //输出error   
  271.         die(0);   
  272.     }   
  273.     //cookie中是否已经存在投票数据   
  274.     $voted = $_COOKIE["smzdm_voted_".$postid];   
  275.     if( $voted ){   
  276.         echo 'h'; //输出have   
  277.         die(0);   
  278.     }   
  279.     $ip = $_SERVER['REMOTE_ADDR'];//ip   
  280.     $rating = $_POST['rating']; //投票内容   
  281.     //判断用户是否登录   
  282.     if(  is_user_logged_in() ){   
  283.         global $wpdb, $current_user;   
  284.         get_currentuserinfo();   
  285.         $uid = $current_user->ID;   
  286.     }else{   
  287.         $uid='';   
  288.     }   
  289.     if($rating=='up'){   
  290.         $rating='up';   
  291.     }else{   
  292.         $rating='down';   
  293.     }   
  294.     //添加数据   
  295.     $voted = add_vote($postid,$uid,$ip,$rating);   
  296.     if($voted=='y'){   
  297.         //设置cookie   
  298.         setcookie("ashu_voted_" . $postid,$rating, time() + 3000000, '/');   
  299.         echo 'y';//输出yes   
  300.         die(0);   
  301.     }   
  302.     if($voted=='h'){   
  303.         //设置cookie   
  304.         setcookie("ashu_voted_" . $postid,$rating, time() + 3000000, '/');   
  305.         echo 'h';   
  306.         die(0);   
  307.     }   
  308.     if($voted=='e'){   
  309.         echo 'n';//输出no   
  310.         die(0);   
  311.     }   
  312. }else{   
  313.     echo 'e';//输出eroor   
  314. }   
  315. die(0);   
  316. }  

三、准备前台html和js

建立好了新的数据表，也准备好了实现投票功能的函数，接下来看前台的html和js。

1、网页前台显示数据，将下面的代码放在输出文章的循环内，即常说的loop中。

  2. /*********更新重写规则***************/  
  3. function ashu_load_theme() {   
  4.     global $pagenow;   
  5.     if ( is_admin() && 'themes.php' == $pagenow && isset( $_GET['activated'] ) )   
  6.         ashu_vote_install(); //激活主题的时候执行函数   
  7. }   
  8. add_action( 'load-themes.php', 'ashu_load_theme' );   
  9. function ashu_vote_install(){   
  10.     global $wpdb;   
  11.     //创建 _post_vote表   
  12.     $table_name = $wpdb->prefix . 'post_vote';   
  13.     if( $wpdb->get_var("SHOW TABLES LIKE '$table_name'") != $table_name ) :   
  14.     $sql = " CREATE TABLE `".$wpdb->prefix."post_vote` ( 
  15.       `id` BIGINT NOT NULL AUTO_INCREMENT PRIMARY KEY ,  
  16.       `user` INT NOT NULL ,  
  17.       `post` INT NOT NULL ,  
  18.       `rating` varchar(10),  
  19.       `ip` varchar(40)  
  20.      ) ENGINE = MYISAM DEFAULT CHARSET=utf8;";   
  21.         require_once(ABSPATH . 'wp-admin/includes/upgrade.php');   
  22.         dbDelta($sql);   
  23.     endif;   
  24. }  
  27. /*  
  28. *添加投票函数  
  29. *$post_id 文章id  
  30. *$user_id 用户ID  
  31. *$ip 用户IP  
  32. *$rating 投票内容  
  33. */  
  34. function add_vote($post_id,$user_id='',$ip='',$rating='up'){   
  35.     global $wpdb;   
  36.     $user_id = (int)$user_id;   
  37.     $post_id = (int)$post_id;   
  38.     if(($user_id=='')&&($ip=='')){   
  39.         return "e"; //返回error   
  40.     }   
  41.     //检查用户对某一文章是否已经投票票了   
  42.     if($user_id!=''){   
  43.         $check= "select * from ".$wpdb->prefix."post_vote where post='$post_id' and user='$user_id'";   
  44.     }else{   
  45.         if($ip!=''){   
  46.             $check= "select * from ".$wpdb->prefix."post_vote where post='$post_id' and ip='$ip'";   
  47.         }   
  48.     }   
  49.     $coo = $wpdb->get_results($check);   
  50.     //投票内容只能是up或者down   
  51.     if($rating=='up'){   
  52.         $rating='up';   
  53.     }else{   
  54.         $rating='down';   
  55.     }   
  56.     //如果不存在数据   
  57.     if(!count($coo) > 0){   
  58.         //插入数据 sql   
  59.         $s = "insert into ".$wpdb->prefix."post_vote (user,post,rating,ip) values('$user_id','$post_id','$rating','$ip')";   
  60.         $wpdb->query($s);   
  61.         return "y"; //返回yes   
  62.     }else{   
  63.         return "h"; //返回have   
  64.     }   
  65.     return "e";//返回error   
  66. }  
  69. /*   
  70. *获取文章投票数据   
  71. *$post_id 文章ID   
  72. *$vote 投票内容   
  73. */   
  74. function get_post_vote($post_id,$vote='up'){   
  75.     global $wpdb;   
  76.     $post_id = (int)$post_id;   
  77.     if($vote == 'up'){   
  78.         $vote='up';   
  79.     }else{   
  80.         $vote='down';   
  81.     }   
  82.     //查询数据sql   
  83.     $sql = "select count(*) from ".$wpdb->prefix."post_vote where post='$post_id' and rating='$vote'";   
  84.     $coo = $wpdb->get_var($sql);   
  85.     if($coo)   
  86.     return $coo; //返回数据   
  87.     else   
  88.     return 0;   
  89. }  
  92. <span class="vote_up" id="<?php echo 'vote_up'.$post->ID;?>">   
  93.     <a href="javascript:void(0);" rel="<?php echo 'up_',$post->ID;?>">   
  94.     <span id="<?php echo 'vup'.$post->ID;?>">   
  95.         <?php echo get_post_vote($post->ID,'up');?>   
  96.     </span>   
  97.     </a>   
  98. 人认为值得买！</span>   
  99.   
  100. <span class="vote_down" id="<?php echo 'vote_down'.$post->ID;?>">   
  101.     <a href="javascript:void(0);" rel="<?php echo 'down_'.$post->ID;?>">   
  102.     <span id="<?php echo 'vdown'.$post->ID;?>">   
  103.         <?php echo get_post_vote($post->ID,'down');?>   
  104.     </span>   
  105.     </a>人认为不值得买！   
  106. </span>  
  109. <span class="vote_up" id="vote_up44">  
  110.     <a href="javascript:void(0);" title="值得" rel="up_44">  
  111.     <span id="vup44">  
  112.         0   
  113.     </span>  
  114.     </a>  
  115. 人认为值得买！</span>  
  116. <span class="vote_down" id="vote_down44">  
  117.     <a href="javascript:void(0);" title="不值" rel="down_44">  
  118.     <span id="vdown44">  
  119.         1   
  120.     </span>  
  121.     </a>人认为不值得买！   
  122. </span>  
  125. <script src="<?php echo get_template_directory_uri();?>/js/jquery-1.7.2.min.js"></script>   
  128. 其中输出了ajax请求的地址：www.shouce.ren/wp-admin/admin-ajax.php
  129. <script type="text/javascript">var ajax_url = '<?php echo admin_url(); ?>admin-ajax.php';</script>  
  130. <script src="<?php echo get_template_directory_uri();?>/js/ashu.js"></script>    
  133. /**     
  134.  * by ashu.     
  135.  * URI: http://www.shouce.ren     
  136.  */   
  137.   
  138. /**   
  139.  * 获取Cookie   
  140.  *name  cookie名称   
  141.  */   
  142. function getCookie(name) {   
  143.     var start = document.cookie.indexOf( name + "=" );   
  144.     var len = start + name.length + 1;   
  145.   
  146.     if ( ( !start ) && ( name != document.cookie.substring( 0, name.length ) ) )   
  147.         return null;   
  148.   
  149.     if ( start == -1 )   
  150.         return null;   
  151.   
  152.     var end = document.cookie.indexOf( ';', len );   
  153.   
  154.     if ( end == -1 )   
  155.         end = document.cookie.length;   
  156.     return unescape( document.cookie.substring( len, end ) );   
  157. }   
  158. function ashu_isCookieEnable() {   
  159.     var today = new Date();   
  160.     today.setTime( today.getTime() );   
  161.     var expires_date = new Date( today.getTime() + (1000 * 60) );   
  162.   
  163.     document.cookie = 'ashu_cookie_test=test;expires=' + expires_date.toGMTString() + ';path=/';   
  164.     var cookieEnable = (getCookie('ashu_cookie_test') == 'test') ?  true : false;   
  165.     //document.cookie = 'ludou_cookie_test=;expires=Fri, 3 Aug 2001 20:47:11 UTC;path=/';   
  166.     return cookieEnable;   
  167. }   
  168.     
  169. jQuery(document).ready(function($) {   
  170.     var ashu_token = 1;   
  171.     $('.vote_up a').click(function(){   
  172.         //检查浏览器是否启用cookie功能   
  173.         if( !ashu_isCookieEnable() ) {   
  174.             alert("很抱歉，您不能给本文投票！");   
  175.             return;   
  176.         }   
  177.         if( ashu_token != 1 ) {   
  178.             alert("您的鼠标点得也太快了吧？！");   
  179.             return false;   
  180.         }   
  181.         ashu_token = 0;   
  182.         //获取投票a标签中的rel值   
  183.         var full_info = $(this).attr( 'rel' );   
  184.         var arr_param = full_info.split( '_' ); //以字符"_"分割   
  185.         //发起ajax   
  186.         $.ajax({   
  187.             url:ajax_url, //ajax地址   
  188.             type:'POST',   
  189.             //请求的参数包括action   rating  postid三项   
  190.             data:'action=vote_post&rating=' + arr_param[ 0 ] + '&postid=' + arr_param[ 1 ],   
  191.             //返回数据   
  192.             success:function(results){   
  193.                 if(results=='n'){   
  194.                     alert('评价失败');   
  195.                     ashu_token = 1;   
  196.   
  197.                 }   
  198.                 if (results=='y'){   
  199.                     //如果成功，给前台数据加1   
  200.                     var upd_vd = 'vup' + arr_param[ 1 ];   
  201.                     $('#'+upd_vd).text(parseInt($("#"+upd_vd).text())+1);   
  202.                     ashu_token = 1;   
  203.                        
  204.                 }   
  205.                 if (results=='h'){   
  206.                     ashu_token = 1;   
  207.                     alert('已经发表过评价了');   
  208.                 }   
  209.                 if (results=='e'){   
  210.                     ashu_token = 1;   
  211.                     alert('评价失败');   
  212.                 }   
  213.             }   
  214.         });   
  215.     });   
  216.        
  217.     $('.vote_down a').click(function(){   
  218.         if( !ashu_isCookieEnable() ) {   
  219.             alert("很抱歉，您不能给本文投票！");   
  220.             return;   
  221.         }   
  222.         if(ashu_token != 1) {   
  223.             alert("您的鼠标点得也太快了吧？！");   
  224.             return false;   
  225.         }   
  226.         ashu_token = 0;   
  227.   
  228.         var full_info = $(this).attr( 'rel' );   
  229.         var arr_param = full_info.split( '_' );   
  230.         $.ajax({   
  231.             url:ajax_url,   
  232.             type:'POST',   
  233.             data:'action=vote_post&rating=' + arr_param[ 0 ] + '&postid=' + arr_param[ 1 ],   
  234.             success:function(results){   
  235.                 if(results=='n'){   
  236.                     alert('评价失败');   
  237.                     ashu_token = 1;   
  238.                 }   
  239.                 if (results=='y'){   
  240.                     var upd_vd = 'vdown' + arr_param[ 1 ];   
  241.                     $("#"+upd_vd).text(parseInt($("#"+upd_vd).text())+1);   
  242.                     ashu_token = 1;   
  243.                 }   
  244.                 if (results=='h'){   
  245.                     ashu_token = 1;   
  246.                     alert('已经发表过评价了');   
  247.                 }   
  248.                 if (results=='e'){   
  249.                     ashu_token = 1;   
  250.                     alert('发生未知错误');   
  251.                 }   
  252.             }   
  253.         });   
  254.     });   
  255. });  
  258. /*   
  259. *wp的ajax都可以通过请求中的action参数来执行对应的钩子   
  260. *示例中我们的action参数值是vote_post   
  261. *所以我们可以直接用下面两个钩子来执行动作   
  262. */   
  263. add_action("wp_ajax_vote_post", "add_votes_options");   
  264. add_action("wp_ajax_nopriv_vote_post", "add_votes_options");   
  265. function add_votes_options() {   
  266.   
  267. if( isset($_POST['action']) && ($_POST['action'] == 'vote_post') ){   
  268.     $postid = (int)$_POST['postid'];   
  269.     if( !$postid ){   
  270.         echo 'e'; //输出error   
  271.         die(0);   
  272.     }   
  273.     //cookie中是否已经存在投票数据   
  274.     $voted = $_COOKIE["smzdm_voted_".$postid];   
  275.     if( $voted ){   
  276.         echo 'h'; //输出have   
  277.         die(0);   
  278.     }   
  279.     $ip = $_SERVER['REMOTE_ADDR'];//ip   
  280.     $rating = $_POST['rating']; //投票内容   
  281.     //判断用户是否登录   
  282.     if(  is_user_logged_in() ){   
  283.         global $wpdb, $current_user;   
  284.         get_currentuserinfo();   
  285.         $uid = $current_user->ID;   
  286.     }else{   
  287.         $uid='';   
  288.     }   
  289.     if($rating=='up'){   
  290.         $rating='up';   
  291.     }else{   
  292.         $rating='down';   
  293.     }   
  294.     //添加数据   
  295.     $voted = add_vote($postid,$uid,$ip,$rating);   
  296.     if($voted=='y'){   
  297.         //设置cookie   
  298.         setcookie("ashu_voted_" . $postid,$rating, time() + 3000000, '/');   
  299.         echo 'y';//输出yes   
  300.         die(0);   
  301.     }   
  302.     if($voted=='h'){   
  303.         //设置cookie   
  304.         setcookie("ashu_voted_" . $postid,$rating, time() + 3000000, '/');   
  305.         echo 'h';   
  306.         die(0);   
  307.     }   
  308.     if($voted=='e'){   
  309.         echo 'n';//输出no   
  310.         die(0);   
  311.     }   
  312. }else{   
  313.     echo 'e';//输出eroor   
  314. }   
  315. die(0);   
  316. }  

上面代码将会输出一个如下的html结构

  2. /*********更新重写规则***************/  
  3. function ashu_load_theme() {   
  4.     global $pagenow;   
  5.     if ( is_admin() && 'themes.php' == $pagenow && isset( $_GET['activated'] ) )   
  6.         ashu_vote_install(); //激活主题的时候执行函数   
  7. }   
  8. add_action( 'load-themes.php', 'ashu_load_theme' );   
  9. function ashu_vote_install(){   
  10.     global $wpdb;   
  11.     //创建 _post_vote表   
  12.     $table_name = $wpdb->prefix . 'post_vote';   
  13.     if( $wpdb->get_var("SHOW TABLES LIKE '$table_name'") != $table_name ) :   
  14.     $sql = " CREATE TABLE `".$wpdb->prefix."post_vote` ( 
  15.       `id` BIGINT NOT NULL AUTO_INCREMENT PRIMARY KEY ,  
  16.       `user` INT NOT NULL ,  
  17.       `post` INT NOT NULL ,  
  18.       `rating` varchar(10),  
  19.       `ip` varchar(40)  
  20.      ) ENGINE = MYISAM DEFAULT CHARSET=utf8;";   
  21.         require_once(ABSPATH . 'wp-admin/includes/upgrade.php');   
  22.         dbDelta($sql);   
  23.     endif;   
  24. }  
  27. /*  
  28. *添加投票函数  
  29. *$post_id 文章id  
  30. *$user_id 用户ID  
  31. *$ip 用户IP  
  32. *$rating 投票内容  
  33. */  
  34. function add_vote($post_id,$user_id='',$ip='',$rating='up'){   
  35.     global $wpdb;   
  36.     $user_id = (int)$user_id;   
  37.     $post_id = (int)$post_id;   
  38.     if(($user_id=='')&&($ip=='')){   
  39.         return "e"; //返回error   
  40.     }   
  41.     //检查用户对某一文章是否已经投票票了   
  42.     if($user_id!=''){   
  43.         $check= "select * from ".$wpdb->prefix."post_vote where post='$post_id' and user='$user_id'";   
  44.     }else{   
  45.         if($ip!=''){   
  46.             $check= "select * from ".$wpdb->prefix."post_vote where post='$post_id' and ip='$ip'";   
  47.         }   
  48.     }   
  49.     $coo = $wpdb->get_results($check);   
  50.     //投票内容只能是up或者down   
  51.     if($rating=='up'){   
  52.         $rating='up';   
  53.     }else{   
  54.         $rating='down';   
  55.     }   
  56.     //如果不存在数据   
  57.     if(!count($coo) > 0){   
  58.         //插入数据 sql   
  59.         $s = "insert into ".$wpdb->prefix."post_vote (user,post,rating,ip) values('$user_id','$post_id','$rating','$ip')";   
  60.         $wpdb->query($s);   
  61.         return "y"; //返回yes   
  62.     }else{   
  63.         return "h"; //返回have   
  64.     }   
  65.     return "e";//返回error   
  66. }  
  69. /*   
  70. *获取文章投票数据   
  71. *$post_id 文章ID   
  72. *$vote 投票内容   
  73. */   
  74. function get_post_vote($post_id,$vote='up'){   
  75.     global $wpdb;   
  76.     $post_id = (int)$post_id;   
  77.     if($vote == 'up'){   
  78.         $vote='up';   
  79.     }else{   
  80.         $vote='down';   
  81.     }   
  82.     //查询数据sql   
  83.     $sql = "select count(*) from ".$wpdb->prefix."post_vote where post='$post_id' and rating='$vote'";   
  84.     $coo = $wpdb->get_var($sql);   
  85.     if($coo)   
  86.     return $coo; //返回数据   
  87.     else   
  88.     return 0;   
  89. }  
  92. <span class="vote_up" id="<?php echo 'vote_up'.$post->ID;?>">   
  93.     <a href="javascript:void(0);" rel="<?php echo 'up_',$post->ID;?>">   
  94.     <span id="<?php echo 'vup'.$post->ID;?>">   
  95.         <?php echo get_post_vote($post->ID,'up');?>   
  96.     </span>   
  97.     </a>   
  98. 人认为值得买！</span>   
  99.   
  100. <span class="vote_down" id="<?php echo 'vote_down'.$post->ID;?>">   
  101.     <a href="javascript:void(0);" rel="<?php echo 'down_'.$post->ID;?>">   
  102.     <span id="<?php echo 'vdown'.$post->ID;?>">   
  103.         <?php echo get_post_vote($post->ID,'down');?>   
  104.     </span>   
  105.     </a>人认为不值得买！   
  106. </span>  
  109. <span class="vote_up" id="vote_up44">  
  110.     <a href="javascript:void(0);" title="值得" rel="up_44">  
  111.     <span id="vup44">  
  112.         0   
  113.     </span>  
  114.     </a>  
  115. 人认为值得买！</span>  
  116. <span class="vote_down" id="vote_down44">  
  117.     <a href="javascript:void(0);" title="不值" rel="down_44">  
  118.     <span id="vdown44">  
  119.         1   
  120.     </span>  
  121.     </a>人认为不值得买！   
  122. </span>  
  125. <script src="<?php echo get_template_directory_uri();?>/js/jquery-1.7.2.min.js"></script>   
  128. 其中输出了ajax请求的地址：www.shouce.ren/wp-admin/admin-ajax.php
  129. <script type="text/javascript">var ajax_url = '<?php echo admin_url(); ?>admin-ajax.php';</script>  
  130. <script src="<?php echo get_template_directory_uri();?>/js/ashu.js"></script>    
  133. /**     
  134.  * by ashu.     
  135.  * URI: http://www.shouce.ren     
  136.  */   
  137.   
  138. /**   
  139.  * 获取Cookie   
  140.  *name  cookie名称   
  141.  */   
  142. function getCookie(name) {   
  143.     var start = document.cookie.indexOf( name + "=" );   
  144.     var len = start + name.length + 1;   
  145.   
  146.     if ( ( !start ) && ( name != document.cookie.substring( 0, name.length ) ) )   
  147.         return null;   
  148.   
  149.     if ( start == -1 )   
  150.         return null;   
  151.   
  152.     var end = document.cookie.indexOf( ';', len );   
  153.   
  154.     if ( end == -1 )   
  155.         end = document.cookie.length;   
  156.     return unescape( document.cookie.substring( len, end ) );   
  157. }   
  158. function ashu_isCookieEnable() {   
  159.     var today = new Date();   
  160.     today.setTime( today.getTime() );   
  161.     var expires_date = new Date( today.getTime() + (1000 * 60) );   
  162.   
  163.     document.cookie = 'ashu_cookie_test=test;expires=' + expires_date.toGMTString() + ';path=/';   
  164.     var cookieEnable = (getCookie('ashu_cookie_test') == 'test') ?  true : false;   
  165.     //document.cookie = 'ludou_cookie_test=;expires=Fri, 3 Aug 2001 20:47:11 UTC;path=/';   
  166.     return cookieEnable;   
  167. }   
  168.     
  169. jQuery(document).ready(function($) {   
  170.     var ashu_token = 1;   
  171.     $('.vote_up a').click(function(){   
  172.         //检查浏览器是否启用cookie功能   
  173.         if( !ashu_isCookieEnable() ) {   
  174.             alert("很抱歉，您不能给本文投票！");   
  175.             return;   
  176.         }   
  177.         if( ashu_token != 1 ) {   
  178.             alert("您的鼠标点得也太快了吧？！");   
  179.             return false;   
  180.         }   
  181.         ashu_token = 0;   
  182.         //获取投票a标签中的rel值   
  183.         var full_info = $(this).attr( 'rel' );   
  184.         var arr_param = full_info.split( '_' ); //以字符"_"分割   
  185.         //发起ajax   
  186.         $.ajax({   
  187.             url:ajax_url, //ajax地址   
  188.             type:'POST',   
  189.             //请求的参数包括action   rating  postid三项   
  190.             data:'action=vote_post&rating=' + arr_param[ 0 ] + '&postid=' + arr_param[ 1 ],   
  191.             //返回数据   
  192.             success:function(results){   
  193.                 if(results=='n'){   
  194.                     alert('评价失败');   
  195.                     ashu_token = 1;   
  196.   
  197.                 }   
  198.                 if (results=='y'){   
  199.                     //如果成功，给前台数据加1   
  200.                     var upd_vd = 'vup' + arr_param[ 1 ];   
  201.                     $('#'+upd_vd).text(parseInt($("#"+upd_vd).text())+1);   
  202.                     ashu_token = 1;   
  203.                        
  204.                 }   
  205.                 if (results=='h'){   
  206.                     ashu_token = 1;   
  207.                     alert('已经发表过评价了');   
  208.                 }   
  209.                 if (results=='e'){   
  210.                     ashu_token = 1;   
  211.                     alert('评价失败');   
  212.                 }   
  213.             }   
  214.         });   
  215.     });   
  216.        
  217.     $('.vote_down a').click(function(){   
  218.         if( !ashu_isCookieEnable() ) {   
  219.             alert("很抱歉，您不能给本文投票！");   
  220.             return;   
  221.         }   
  222.         if(ashu_token != 1) {   
  223.             alert("您的鼠标点得也太快了吧？！");   
  224.             return false;   
  225.         }   
  226.         ashu_token = 0;   
  227.   
  228.         var full_info = $(this).attr( 'rel' );   
  229.         var arr_param = full_info.split( '_' );   
  230.         $.ajax({   
  231.             url:ajax_url,   
  232.             type:'POST',   
  233.             data:'action=vote_post&rating=' + arr_param[ 0 ] + '&postid=' + arr_param[ 1 ],   
  234.             success:function(results){   
  235.                 if(results=='n'){   
  236.                     alert('评价失败');   
  237.                     ashu_token = 1;   
  238.                 }   
  239.                 if (results=='y'){   
  240.                     var upd_vd = 'vdown' + arr_param[ 1 ];   
  241.                     $("#"+upd_vd).text(parseInt($("#"+upd_vd).text())+1);   
  242.                     ashu_token = 1;   
  243.                 }   
  244.                 if (results=='h'){   
  245.                     ashu_token = 1;   
  246.                     alert('已经发表过评价了');   
  247.                 }   
  248.                 if (results=='e'){   
  249.                     ashu_token = 1;   
  250.                     alert('发生未知错误');   
  251.                 }   
  252.             }   
  253.         });   
  254.     });   
  255. });  
  258. /*   
  259. *wp的ajax都可以通过请求中的action参数来执行对应的钩子   
  260. *示例中我们的action参数值是vote_post   
  261. *所以我们可以直接用下面两个钩子来执行动作   
  262. */   
  263. add_action("wp_ajax_vote_post", "add_votes_options");   
  264. add_action("wp_ajax_nopriv_vote_post", "add_votes_options");   
  265. function add_votes_options() {   
  266.   
  267. if( isset($_POST['action']) && ($_POST['action'] == 'vote_post') ){   
  268.     $postid = (int)$_POST['postid'];   
  269.     if( !$postid ){   
  270.         echo 'e'; //输出error   
  271.         die(0);   
  272.     }   
  273.     //cookie中是否已经存在投票数据   
  274.     $voted = $_COOKIE["smzdm_voted_".$postid];   
  275.     if( $voted ){   
  276.         echo 'h'; //输出have   
  277.         die(0);   
  278.     }   
  279.     $ip = $_SERVER['REMOTE_ADDR'];//ip   
  280.     $rating = $_POST['rating']; //投票内容   
  281.     //判断用户是否登录   
  282.     if(  is_user_logged_in() ){   
  283.         global $wpdb, $current_user;   
  284.         get_currentuserinfo();   
  285.         $uid = $current_user->ID;   
  286.     }else{   
  287.         $uid='';   
  288.     }   
  289.     if($rating=='up'){   
  290.         $rating='up';   
  291.     }else{   
  292.         $rating='down';   
  293.     }   
  294.     //添加数据   
  295.     $voted = add_vote($postid,$uid,$ip,$rating);   
  296.     if($voted=='y'){   
  297.         //设置cookie   
  298.         setcookie("ashu_voted_" . $postid,$rating, time() + 3000000, '/');   
  299.         echo 'y';//输出yes   
  300.         die(0);   
  301.     }   
  302.     if($voted=='h'){   
  303.         //设置cookie   
  304.         setcookie("ashu_voted_" . $postid,$rating, time() + 3000000, '/');   
  305.         echo 'h';   
  306.         die(0);   
  307.     }   
  308.     if($voted=='e'){   
  309.         echo 'n';//输出no   
  310.         die(0);   
  311.     }   
  312. }else{   
  313.     echo 'e';//输出eroor   
  314. }   
  315. die(0);   
  316. }  

四、js代码
本篇教程中和上一篇一样，我们同样使用jquery发起ajax请求，所以首先在网页头部加载jquery代码，我在主题底部文件footer.php中加载jqeury。我将jquery-1.7.2.min.js放在了主题文件夹的js文件夹里面，所以用get_template_directory_uri()函数来输出主题的url

  2. /*********更新重写规则***************/  
  3. function ashu_load_theme() {   
  4.     global $pagenow;   
  5.     if ( is_admin() && 'themes.php' == $pagenow && isset( $_GET['activated'] ) )   
  6.         ashu_vote_install(); //激活主题的时候执行函数   
  7. }   
  8. add_action( 'load-themes.php', 'ashu_load_theme' );   
  9. function ashu_vote_install(){   
  10.     global $wpdb;   
  11.     //创建 _post_vote表   
  12.     $table_name = $wpdb->prefix . 'post_vote';   
  13.     if( $wpdb->get_var("SHOW TABLES LIKE '$table_name'") != $table_name ) :   
  14.     $sql = " CREATE TABLE `".$wpdb->prefix."post_vote` ( 
  15.       `id` BIGINT NOT NULL AUTO_INCREMENT PRIMARY KEY ,  
  16.       `user` INT NOT NULL ,  
  17.       `post` INT NOT NULL ,  
  18.       `rating` varchar(10),  
  19.       `ip` varchar(40)  
  20.      ) ENGINE = MYISAM DEFAULT CHARSET=utf8;";   
  21.         require_once(ABSPATH . 'wp-admin/includes/upgrade.php');   
  22.         dbDelta($sql);   
  23.     endif;   
  24. }  
  27. /*  
  28. *添加投票函数  
  29. *$post_id 文章id  
  30. *$user_id 用户ID  
  31. *$ip 用户IP  
  32. *$rating 投票内容  
  33. */  
  34. function add_vote($post_id,$user_id='',$ip='',$rating='up'){   
  35.     global $wpdb;   
  36.     $user_id = (int)$user_id;   
  37.     $post_id = (int)$post_id;   
  38.     if(($user_id=='')&&($ip=='')){   
  39.         return "e"; //返回error   
  40.     }   
  41.     //检查用户对某一文章是否已经投票票了   
  42.     if($user_id!=''){   
  43.         $check= "select * from ".$wpdb->prefix."post_vote where post='$post_id' and user='$user_id'";   
  44.     }else{   
  45.         if($ip!=''){   
  46.             $check= "select * from ".$wpdb->prefix."post_vote where post='$post_id' and ip='$ip'";   
  47.         }   
  48.     }   
  49.     $coo = $wpdb->get_results($check);   
  50.     //投票内容只能是up或者down   
  51.     if($rating=='up'){   
  52.         $rating='up';   
  53.     }else{   
  54.         $rating='down';   
  55.     }   
  56.     //如果不存在数据   
  57.     if(!count($coo) > 0){   
  58.         //插入数据 sql   
  59.         $s = "insert into ".$wpdb->prefix."post_vote (user,post,rating,ip) values('$user_id','$post_id','$rating','$ip')";   
  60.         $wpdb->query($s);   
  61.         return "y"; //返回yes   
  62.     }else{   
  63.         return "h"; //返回have   
  64.     }   
  65.     return "e";//返回error   
  66. }  
  69. /*   
  70. *获取文章投票数据   
  71. *$post_id 文章ID   
  72. *$vote 投票内容   
  73. */   
  74. function get_post_vote($post_id,$vote='up'){   
  75.     global $wpdb;   
  76.     $post_id = (int)$post_id;   
  77.     if($vote == 'up'){   
  78.         $vote='up';   
  79.     }else{   
  80.         $vote='down';   
  81.     }   
  82.     //查询数据sql   
  83.     $sql = "select count(*) from ".$wpdb->prefix."post_vote where post='$post_id' and rating='$vote'";   
  84.     $coo = $wpdb->get_var($sql);   
  85.     if($coo)   
  86.     return $coo; //返回数据   
  87.     else   
  88.     return 0;   
  89. }  
  92. <span class="vote_up" id="<?php echo 'vote_up'.$post->ID;?>">   
  93.     <a href="javascript:void(0);" rel="<?php echo 'up_',$post->ID;?>">   
  94.     <span id="<?php echo 'vup'.$post->ID;?>">   
  95.         <?php echo get_post_vote($post->ID,'up');?>   
  96.     </span>   
  97.     </a>   
  98. 人认为值得买！</span>   
  99.   
  100. <span class="vote_down" id="<?php echo 'vote_down'.$post->ID;?>">   
  101.     <a href="javascript:void(0);" rel="<?php echo 'down_'.$post->ID;?>">   
  102.     <span id="<?php echo 'vdown'.$post->ID;?>">   
  103.         <?php echo get_post_vote($post->ID,'down');?>   
  104.     </span>   
  105.     </a>人认为不值得买！   
  106. </span>  
  109. <span class="vote_up" id="vote_up44">  
  110.     <a href="javascript:void(0);" title="值得" rel="up_44">  
  111.     <span id="vup44">  
  112.         0   
  113.     </span>  
  114.     </a>  
  115. 人认为值得买！</span>  
  116. <span class="vote_down" id="vote_down44">  
  117.     <a href="javascript:void(0);" title="不值" rel="down_44">  
  118.     <span id="vdown44">  
  119.         1   
  120.     </span>  
  121.     </a>人认为不值得买！   
  122. </span>  
  125. <script src="<?php echo get_template_directory_uri();?>/js/jquery-1.7.2.min.js"></script>   
  128. 其中输出了ajax请求的地址：www.shouce.ren/wp-admin/admin-ajax.php
  129. <script type="text/javascript">var ajax_url = '<?php echo admin_url(); ?>admin-ajax.php';</script>  
  130. <script src="<?php echo get_template_directory_uri();?>/js/ashu.js"></script>    
  133. /**     
  134.  * by ashu.     
  135.  * URI: http://www.shouce.ren     
  136.  */   
  137.   
  138. /**   
  139.  * 获取Cookie   
  140.  *name  cookie名称   
  141.  */   
  142. function getCookie(name) {   
  143.     var start = document.cookie.indexOf( name + "=" );   
  144.     var len = start + name.length + 1;   
  145.   
  146.     if ( ( !start ) && ( name != document.cookie.substring( 0, name.length ) ) )   
  147.         return null;   
  148.   
  149.     if ( start == -1 )   
  150.         return null;   
  151.   
  152.     var end = document.cookie.indexOf( ';', len );   
  153.   
  154.     if ( end == -1 )   
  155.         end = document.cookie.length;   
  156.     return unescape( document.cookie.substring( len, end ) );   
  157. }   
  158. function ashu_isCookieEnable() {   
  159.     var today = new Date();   
  160.     today.setTime( today.getTime() );   
  161.     var expires_date = new Date( today.getTime() + (1000 * 60) );   
  162.   
  163.     document.cookie = 'ashu_cookie_test=test;expires=' + expires_date.toGMTString() + ';path=/';   
  164.     var cookieEnable = (getCookie('ashu_cookie_test') == 'test') ?  true : false;   
  165.     //document.cookie = 'ludou_cookie_test=;expires=Fri, 3 Aug 2001 20:47:11 UTC;path=/';   
  166.     return cookieEnable;   
  167. }   
  168.     
  169. jQuery(document).ready(function($) {   
  170.     var ashu_token = 1;   
  171.     $('.vote_up a').click(function(){   
  172.         //检查浏览器是否启用cookie功能   
  173.         if( !ashu_isCookieEnable() ) {   
  174.             alert("很抱歉，您不能给本文投票！");   
  175.             return;   
  176.         }   
  177.         if( ashu_token != 1 ) {   
  178.             alert("您的鼠标点得也太快了吧？！");   
  179.             return false;   
  180.         }   
  181.         ashu_token = 0;   
  182.         //获取投票a标签中的rel值   
  183.         var full_info = $(this).attr( 'rel' );   
  184.         var arr_param = full_info.split( '_' ); //以字符"_"分割   
  185.         //发起ajax   
  186.         $.ajax({   
  187.             url:ajax_url, //ajax地址   
  188.             type:'POST',   
  189.             //请求的参数包括action   rating  postid三项   
  190.             data:'action=vote_post&rating=' + arr_param[ 0 ] + '&postid=' + arr_param[ 1 ],   
  191.             //返回数据   
  192.             success:function(results){   
  193.                 if(results=='n'){   
  194.                     alert('评价失败');   
  195.                     ashu_token = 1;   
  196.   
  197.                 }   
  198.                 if (results=='y'){   
  199.                     //如果成功，给前台数据加1   
  200.                     var upd_vd = 'vup' + arr_param[ 1 ];   
  201.                     $('#'+upd_vd).text(parseInt($("#"+upd_vd).text())+1);   
  202.                     ashu_token = 1;   
  203.                        
  204.                 }   
  205.                 if (results=='h'){   
  206.                     ashu_token = 1;   
  207.                     alert('已经发表过评价了');   
  208.                 }   
  209.                 if (results=='e'){   
  210.                     ashu_token = 1;   
  211.                     alert('评价失败');   
  212.                 }   
  213.             }   
  214.         });   
  215.     });   
  216.        
  217.     $('.vote_down a').click(function(){   
  218.         if( !ashu_isCookieEnable() ) {   
  219.             alert("很抱歉，您不能给本文投票！");   
  220.             return;   
  221.         }   
  222.         if(ashu_token != 1) {   
  223.             alert("您的鼠标点得也太快了吧？！");   
  224.             return false;   
  225.         }   
  226.         ashu_token = 0;   
  227.   
  228.         var full_info = $(this).attr( 'rel' );   
  229.         var arr_param = full_info.split( '_' );   
  230.         $.ajax({   
  231.             url:ajax_url,   
  232.             type:'POST',   
  233.             data:'action=vote_post&rating=' + arr_param[ 0 ] + '&postid=' + arr_param[ 1 ],   
  234.             success:function(results){   
  235.                 if(results=='n'){   
  236.                     alert('评价失败');   
  237.                     ashu_token = 1;   
  238.                 }   
  239.                 if (results=='y'){   
  240.                     var upd_vd = 'vdown' + arr_param[ 1 ];   
  241.                     $("#"+upd_vd).text(parseInt($("#"+upd_vd).text())+1);   
  242.                     ashu_token = 1;   
  243.                 }   
  244.                 if (results=='h'){   
  245.                     ashu_token = 1;   
  246.                     alert('已经发表过评价了');   
  247.                 }   
  248.                 if (results=='e'){   
  249.                     ashu_token = 1;   
  250.                     alert('发生未知错误');   
  251.                 }   
  252.             }   
  253.         });   
  254.     });   
  255. });  
  258. /*   
  259. *wp的ajax都可以通过请求中的action参数来执行对应的钩子   
  260. *示例中我们的action参数值是vote_post   
  261. *所以我们可以直接用下面两个钩子来执行动作   
  262. */   
  263. add_action("wp_ajax_vote_post", "add_votes_options");   
  264. add_action("wp_ajax_nopriv_vote_post", "add_votes_options");   
  265. function add_votes_options() {   
  266.   
  267. if( isset($_POST['action']) && ($_POST['action'] == 'vote_post') ){   
  268.     $postid = (int)$_POST['postid'];   
  269.     if( !$postid ){   
  270.         echo 'e'; //输出error   
  271.         die(0);   
  272.     }   
  273.     //cookie中是否已经存在投票数据   
  274.     $voted = $_COOKIE["smzdm_voted_".$postid];   
  275.     if( $voted ){   
  276.         echo 'h'; //输出have   
  277.         die(0);   
  278.     }   
  279.     $ip = $_SERVER['REMOTE_ADDR'];//ip   
  280.     $rating = $_POST['rating']; //投票内容   
  281.     //判断用户是否登录   
  282.     if(  is_user_logged_in() ){   
  283.         global $wpdb, $current_user;   
  284.         get_currentuserinfo();   
  285.         $uid = $current_user->ID;   
  286.     }else{   
  287.         $uid='';   
  288.     }   
  289.     if($rating=='up'){   
  290.         $rating='up';   
  291.     }else{   
  292.         $rating='down';   
  293.     }   
  294.     //添加数据   
  295.     $voted = add_vote($postid,$uid,$ip,$rating);   
  296.     if($voted=='y'){   
  297.         //设置cookie   
  298.         setcookie("ashu_voted_" . $postid,$rating, time() + 3000000, '/');   
  299.         echo 'y';//输出yes   
  300.         die(0);   
  301.     }   
  302.     if($voted=='h'){   
  303.         //设置cookie   
  304.         setcookie("ashu_voted_" . $postid,$rating, time() + 3000000, '/');   
  305.         echo 'h';   
  306.         die(0);   
  307.     }   
  308.     if($voted=='e'){   
  309.         echo 'n';//输出no   
  310.         die(0);   
  311.     }   
  312. }else{   
  313.     echo 'e';//输出eroor   
  314. }   
  315. die(0);   
  316. }  

然后我将发起ajax请求代码也放在了主题里面js文件夹中的ashu.js文件，所以再加上一个

  2. /*********更新重写规则***************/  
  3. function ashu_load_theme() {   
  4.     global $pagenow;   
  5.     if ( is_admin() && 'themes.php' == $pagenow && isset( $_GET['activated'] ) )   
  6.         ashu_vote_install(); //激活主题的时候执行函数   
  7. }   
  8. add_action( 'load-themes.php', 'ashu_load_theme' );   
  9. function ashu_vote_install(){   
  10.     global $wpdb;   
  11.     //创建 _post_vote表   
  12.     $table_name = $wpdb->prefix . 'post_vote';   
  13.     if( $wpdb->get_var("SHOW TABLES LIKE '$table_name'") != $table_name ) :   
  14.     $sql = " CREATE TABLE `".$wpdb->prefix."post_vote` ( 
  15.       `id` BIGINT NOT NULL AUTO_INCREMENT PRIMARY KEY ,  
  16.       `user` INT NOT NULL ,  
  17.       `post` INT NOT NULL ,  
  18.       `rating` varchar(10),  
  19.       `ip` varchar(40)  
  20.      ) ENGINE = MYISAM DEFAULT CHARSET=utf8;";   
  21.         require_once(ABSPATH . 'wp-admin/includes/upgrade.php');   
  22.         dbDelta($sql);   
  23.     endif;   
  24. }  
  27. /*  
  28. *添加投票函数  
  29. *$post_id 文章id  
  30. *$user_id 用户ID  
  31. *$ip 用户IP  
  32. *$rating 投票内容  
  33. */  
  34. function add_vote($post_id,$user_id='',$ip='',$rating='up'){   
  35.     global $wpdb;   
  36.     $user_id = (int)$user_id;   
  37.     $post_id = (int)$post_id;   
  38.     if(($user_id=='')&&($ip=='')){   
  39.         return "e"; //返回error   
  40.     }   
  41.     //检查用户对某一文章是否已经投票票了   
  42.     if($user_id!=''){   
  43.         $check= "select * from ".$wpdb->prefix."post_vote where post='$post_id' and user='$user_id'";   
  44.     }else{   
  45.         if($ip!=''){   
  46.             $check= "select * from ".$wpdb->prefix."post_vote where post='$post_id' and ip='$ip'";   
  47.         }   
  48.     }   
  49.     $coo = $wpdb->get_results($check);   
  50.     //投票内容只能是up或者down   
  51.     if($rating=='up'){   
  52.         $rating='up';   
  53.     }else{   
  54.         $rating='down';   
  55.     }   
  56.     //如果不存在数据   
  57.     if(!count($coo) > 0){   
  58.         //插入数据 sql   
  59.         $s = "insert into ".$wpdb->prefix."post_vote (user,post,rating,ip) values('$user_id','$post_id','$rating','$ip')";   
  60.         $wpdb->query($s);   
  61.         return "y"; //返回yes   
  62.     }else{   
  63.         return "h"; //返回have   
  64.     }   
  65.     return "e";//返回error   
  66. }  
  69. /*   
  70. *获取文章投票数据   
  71. *$post_id 文章ID   
  72. *$vote 投票内容   
  73. */   
  74. function get_post_vote($post_id,$vote='up'){   
  75.     global $wpdb;   
  76.     $post_id = (int)$post_id;   
  77.     if($vote == 'up'){   
  78.         $vote='up';   
  79.     }else{   
  80.         $vote='down';   
  81.     }   
  82.     //查询数据sql   
  83.     $sql = "select count(*) from ".$wpdb->prefix."post_vote where post='$post_id' and rating='$vote'";   
  84.     $coo = $wpdb->get_var($sql);   
  85.     if($coo)   
  86.     return $coo; //返回数据   
  87.     else   
  88.     return 0;   
  89. }  
  92. <span class="vote_up" id="<?php echo 'vote_up'.$post->ID;?>">   
  93.     <a href="javascript:void(0);" rel="<?php echo 'up_',$post->ID;?>">   
  94.     <span id="<?php echo 'vup'.$post->ID;?>">   
  95.         <?php echo get_post_vote($post->ID,'up');?>   
  96.     </span>   
  97.     </a>   
  98. 人认为值得买！</span>   
  99.   
  100. <span class="vote_down" id="<?php echo 'vote_down'.$post->ID;?>">   
  101.     <a href="javascript:void(0);" rel="<?php echo 'down_'.$post->ID;?>">   
  102.     <span id="<?php echo 'vdown'.$post->ID;?>">   
  103.         <?php echo get_post_vote($post->ID,'down');?>   
  104.     </span>   
  105.     </a>人认为不值得买！   
  106. </span>  
  109. <span class="vote_up" id="vote_up44">  
  110.     <a href="javascript:void(0);" title="值得" rel="up_44">  
  111.     <span id="vup44">  
  112.         0   
  113.     </span>  
  114.     </a>  
  115. 人认为值得买！</span>  
  116. <span class="vote_down" id="vote_down44">  
  117.     <a href="javascript:void(0);" title="不值" rel="down_44">  
  118.     <span id="vdown44">  
  119.         1   
  120.     </span>  
  121.     </a>人认为不值得买！   
  122. </span>  
  125. <script src="<?php echo get_template_directory_uri();?>/js/jquery-1.7.2.min.js"></script>   
  128. 其中输出了ajax请求的地址：www.shouce.ren/wp-admin/admin-ajax.php
  129. <script type="text/javascript">var ajax_url = '<?php echo admin_url(); ?>admin-ajax.php';</script>  
  130. <script src="<?php echo get_template_directory_uri();?>/js/ashu.js"></script>    
  133. /**     
  134.  * by ashu.     
  135.  * URI: http://www.shouce.ren     
  136.  */   
  137.   
  138. /**   
  139.  * 获取Cookie   
  140.  *name  cookie名称   
  141.  */   
  142. function getCookie(name) {   
  143.     var start = document.cookie.indexOf( name + "=" );   
  144.     var len = start + name.length + 1;   
  145.   
  146.     if ( ( !start ) && ( name != document.cookie.substring( 0, name.length ) ) )   
  147.         return null;   
  148.   
  149.     if ( start == -1 )   
  150.         return null;   
  151.   
  152.     var end = document.cookie.indexOf( ';', len );   
  153.   
  154.     if ( end == -1 )   
  155.         end = document.cookie.length;   
  156.     return unescape( document.cookie.substring( len, end ) );   
  157. }   
  158. function ashu_isCookieEnable() {   
  159.     var today = new Date();   
  160.     today.setTime( today.getTime() );   
  161.     var expires_date = new Date( today.getTime() + (1000 * 60) );   
  162.   
  163.     document.cookie = 'ashu_cookie_test=test;expires=' + expires_date.toGMTString() + ';path=/';   
  164.     var cookieEnable = (getCookie('ashu_cookie_test') == 'test') ?  true : false;   
  165.     //document.cookie = 'ludou_cookie_test=;expires=Fri, 3 Aug 2001 20:47:11 UTC;path=/';   
  166.     return cookieEnable;   
  167. }   
  168.     
  169. jQuery(document).ready(function($) {   
  170.     var ashu_token = 1;   
  171.     $('.vote_up a').click(function(){   
  172.         //检查浏览器是否启用cookie功能   
  173.         if( !ashu_isCookieEnable() ) {   
  174.             alert("很抱歉，您不能给本文投票！");   
  175.             return;   
  176.         }   
  177.         if( ashu_token != 1 ) {   
  178.             alert("您的鼠标点得也太快了吧？！");   
  179.             return false;   
  180.         }   
  181.         ashu_token = 0;   
  182.         //获取投票a标签中的rel值   
  183.         var full_info = $(this).attr( 'rel' );   
  184.         var arr_param = full_info.split( '_' ); //以字符"_"分割   
  185.         //发起ajax   
  186.         $.ajax({   
  187.             url:ajax_url, //ajax地址   
  188.             type:'POST',   
  189.             //请求的参数包括action   rating  postid三项   
  190.             data:'action=vote_post&rating=' + arr_param[ 0 ] + '&postid=' + arr_param[ 1 ],   
  191.             //返回数据   
  192.             success:function(results){   
  193.                 if(results=='n'){   
  194.                     alert('评价失败');   
  195.                     ashu_token = 1;   
  196.   
  197.                 }   
  198.                 if (results=='y'){   
  199.                     //如果成功，给前台数据加1   
  200.                     var upd_vd = 'vup' + arr_param[ 1 ];   
  201.                     $('#'+upd_vd).text(parseInt($("#"+upd_vd).text())+1);   
  202.                     ashu_token = 1;   
  203.                        
  204.                 }   
  205.                 if (results=='h'){   
  206.                     ashu_token = 1;   
  207.                     alert('已经发表过评价了');   
  208.                 }   
  209.                 if (results=='e'){   
  210.                     ashu_token = 1;   
  211.                     alert('评价失败');   
  212.                 }   
  213.             }   
  214.         });   
  215.     });   
  216.        
  217.     $('.vote_down a').click(function(){   
  218.         if( !ashu_isCookieEnable() ) {   
  219.             alert("很抱歉，您不能给本文投票！");   
  220.             return;   
  221.         }   
  222.         if(ashu_token != 1) {   
  223.             alert("您的鼠标点得也太快了吧？！");   
  224.             return false;   
  225.         }   
  226.         ashu_token = 0;   
  227.   
  228.         var full_info = $(this).attr( 'rel' );   
  229.         var arr_param = full_info.split( '_' );   
  230.         $.ajax({   
  231.             url:ajax_url,   
  232.             type:'POST',   
  233.             data:'action=vote_post&rating=' + arr_param[ 0 ] + '&postid=' + arr_param[ 1 ],   
  234.             success:function(results){   
  235.                 if(results=='n'){   
  236.                     alert('评价失败');   
  237.                     ashu_token = 1;   
  238.                 }   
  239.                 if (results=='y'){   
  240.                     var upd_vd = 'vdown' + arr_param[ 1 ];   
  241.                     $("#"+upd_vd).text(parseInt($("#"+upd_vd).text())+1);   
  242.                     ashu_token = 1;   
  243.                 }   
  244.                 if (results=='h'){   
  245.                     ashu_token = 1;   
  246.                     alert('已经发表过评价了');   
  247.                 }   
  248.                 if (results=='e'){   
  249.                     ashu_token = 1;   
  250.                     alert('发生未知错误');   
  251.                 }   
  252.             }   
  253.         });   
  254.     });   
  255. });  
  258. /*   
  259. *wp的ajax都可以通过请求中的action参数来执行对应的钩子   
  260. *示例中我们的action参数值是vote_post   
  261. *所以我们可以直接用下面两个钩子来执行动作   
  262. */   
  263. add_action("wp_ajax_vote_post", "add_votes_options");   
  264. add_action("wp_ajax_nopriv_vote_post", "add_votes_options");   
  265. function add_votes_options() {   
  266.   
  267. if( isset($_POST['action']) && ($_POST['action'] == 'vote_post') ){   
  268.     $postid = (int)$_POST['postid'];   
  269.     if( !$postid ){   
  270.         echo 'e'; //输出error   
  271.         die(0);   
  272.     }   
  273.     //cookie中是否已经存在投票数据   
  274.     $voted = $_COOKIE["smzdm_voted_".$postid];   
  275.     if( $voted ){   
  276.         echo 'h'; //输出have   
  277.         die(0);   
  278.     }   
  279.     $ip = $_SERVER['REMOTE_ADDR'];//ip   
  280.     $rating = $_POST['rating']; //投票内容   
  281.     //判断用户是否登录   
  282.     if(  is_user_logged_in() ){   
  283.         global $wpdb, $current_user;   
  284.         get_currentuserinfo();   
  285.         $uid = $current_user->ID;   
  286.     }else{   
  287.         $uid='';   
  288.     }   
  289.     if($rating=='up'){   
  290.         $rating='up';   
  291.     }else{   
  292.         $rating='down';   
  293.     }   
  294.     //添加数据   
  295.     $voted = add_vote($postid,$uid,$ip,$rating);   
  296.     if($voted=='y'){   
  297.         //设置cookie   
  298.         setcookie("ashu_voted_" . $postid,$rating, time() + 3000000, '/');   
  299.         echo 'y';//输出yes   
  300.         die(0);   
  301.     }   
  302.     if($voted=='h'){   
  303.         //设置cookie   
  304.         setcookie("ashu_voted_" . $postid,$rating, time() + 3000000, '/');   
  305.         echo 'h';   
  306.         die(0);   
  307.     }   
  308.     if($voted=='e'){   
  309.         echo 'n';//输出no   
  310.         die(0);   
  311.     }   
  312. }else{   
  313.     echo 'e';//输出eroor   
  314. }   
  315. die(0);   
  316. }  

ashu.js文件中的代码

  2. /*********更新重写规则***************/  
  3. function ashu_load_theme() {   
  4.     global $pagenow;   
  5.     if ( is_admin() && 'themes.php' == $pagenow && isset( $_GET['activated'] ) )   
  6.         ashu_vote_install(); //激活主题的时候执行函数   
  7. }   
  8. add_action( 'load-themes.php', 'ashu_load_theme' );   
  9. function ashu_vote_install(){   
  10.     global $wpdb;   
  11.     //创建 _post_vote表   
  12.     $table_name = $wpdb->prefix . 'post_vote';   
  13.     if( $wpdb->get_var("SHOW TABLES LIKE '$table_name'") != $table_name ) :   
  14.     $sql = " CREATE TABLE `".$wpdb->prefix."post_vote` ( 
  15.       `id` BIGINT NOT NULL AUTO_INCREMENT PRIMARY KEY ,  
  16.       `user` INT NOT NULL ,  
  17.       `post` INT NOT NULL ,  
  18.       `rating` varchar(10),  
  19.       `ip` varchar(40)  
  20.      ) ENGINE = MYISAM DEFAULT CHARSET=utf8;";   
  21.         require_once(ABSPATH . 'wp-admin/includes/upgrade.php');   
  22.         dbDelta($sql);   
  23.     endif;   
  24. }  
  27. /*  
  28. *添加投票函数  
  29. *$post_id 文章id  
  30. *$user_id 用户ID  
  31. *$ip 用户IP  
  32. *$rating 投票内容  
  33. */  
  34. function add_vote($post_id,$user_id='',$ip='',$rating='up'){   
  35.     global $wpdb;   
  36.     $user_id = (int)$user_id;   
  37.     $post_id = (int)$post_id;   
  38.     if(($user_id=='')&&($ip=='')){   
  39.         return "e"; //返回error   
  40.     }   
  41.     //检查用户对某一文章是否已经投票票了   
  42.     if($user_id!=''){   
  43.         $check= "select * from ".$wpdb->prefix."post_vote where post='$post_id' and user='$user_id'";   
  44.     }else{   
  45.         if($ip!=''){   
  46.             $check= "select * from ".$wpdb->prefix."post_vote where post='$post_id' and ip='$ip'";   
  47.         }   
  48.     }   
  49.     $coo = $wpdb->get_results($check);   
  50.     //投票内容只能是up或者down   
  51.     if($rating=='up'){   
  52.         $rating='up';   
  53.     }else{   
  54.         $rating='down';   
  55.     }   
  56.     //如果不存在数据   
  57.     if(!count($coo) > 0){   
  58.         //插入数据 sql   
  59.         $s = "insert into ".$wpdb->prefix."post_vote (user,post,rating,ip) values('$user_id','$post_id','$rating','$ip')";   
  60.         $wpdb->query($s);   
  61.         return "y"; //返回yes   
  62.     }else{   
  63.         return "h"; //返回have   
  64.     }   
  65.     return "e";//返回error   
  66. }  
  69. /*   
  70. *获取文章投票数据   
  71. *$post_id 文章ID   
  72. *$vote 投票内容   
  73. */   
  74. function get_post_vote($post_id,$vote='up'){   
  75.     global $wpdb;   
  76.     $post_id = (int)$post_id;   
  77.     if($vote == 'up'){   
  78.         $vote='up';   
  79.     }else{   
  80.         $vote='down';   
  81.     }   
  82.     //查询数据sql   
  83.     $sql = "select count(*) from ".$wpdb->prefix."post_vote where post='$post_id' and rating='$vote'";   
  84.     $coo = $wpdb->get_var($sql);   
  85.     if($coo)   
  86.     return $coo; //返回数据   
  87.     else   
  88.     return 0;   
  89. }  
  92. <span class="vote_up" id="<?php echo 'vote_up'.$post->ID;?>">   
  93.     <a href="javascript:void(0);" rel="<?php echo 'up_',$post->ID;?>">   
  94.     <span id="<?php echo 'vup'.$post->ID;?>">   
  95.         <?php echo get_post_vote($post->ID,'up');?>   
  96.     </span>   
  97.     </a>   
  98. 人认为值得买！</span>   
  99.   
  100. <span class="vote_down" id="<?php echo 'vote_down'.$post->ID;?>">   
  101.     <a href="javascript:void(0);" rel="<?php echo 'down_'.$post->ID;?>">   
  102.     <span id="<?php echo 'vdown'.$post->ID;?>">   
  103.         <?php echo get_post_vote($post->ID,'down');?>   
  104.     </span>   
  105.     </a>人认为不值得买！   
  106. </span>  
  109. <span class="vote_up" id="vote_up44">  
  110.     <a href="javascript:void(0);" title="值得" rel="up_44">  
  111.     <span id="vup44">  
  112.         0   
  113.     </span>  
  114.     </a>  
  115. 人认为值得买！</span>  
  116. <span class="vote_down" id="vote_down44">  
  117.     <a href="javascript:void(0);" title="不值" rel="down_44">  
  118.     <span id="vdown44">  
  119.         1   
  120.     </span>  
  121.     </a>人认为不值得买！   
  122. </span>  
  125. <script src="<?php echo get_template_directory_uri();?>/js/jquery-1.7.2.min.js"></script>   
  128. 其中输出了ajax请求的地址：www.shouce.ren/wp-admin/admin-ajax.php
  129. <script type="text/javascript">var ajax_url = '<?php echo admin_url(); ?>admin-ajax.php';</script>  
  130. <script src="<?php echo get_template_directory_uri();?>/js/ashu.js"></script>    
  133. /**     
  134.  * by ashu.     
  135.  * URI: http://www.shouce.ren     
  136.  */   
  137.   
  138. /**   
  139.  * 获取Cookie   
  140.  *name  cookie名称   
  141.  */   
  142. function getCookie(name) {   
  143.     var start = document.cookie.indexOf( name + "=" );   
  144.     var len = start + name.length + 1;   
  145.   
  146.     if ( ( !start ) && ( name != document.cookie.substring( 0, name.length ) ) )   
  147.         return null;   
  148.   
  149.     if ( start == -1 )   
  150.         return null;   
  151.   
  152.     var end = document.cookie.indexOf( ';', len );   
  153.   
  154.     if ( end == -1 )   
  155.         end = document.cookie.length;   
  156.     return unescape( document.cookie.substring( len, end ) );   
  157. }   
  158. function ashu_isCookieEnable() {   
  159.     var today = new Date();   
  160.     today.setTime( today.getTime() );   
  161.     var expires_date = new Date( today.getTime() + (1000 * 60) );   
  162.   
  163.     document.cookie = 'ashu_cookie_test=test;expires=' + expires_date.toGMTString() + ';path=/';   
  164.     var cookieEnable = (getCookie('ashu_cookie_test') == 'test') ?  true : false;   
  165.     //document.cookie = 'ludou_cookie_test=;expires=Fri, 3 Aug 2001 20:47:11 UTC;path=/';   
  166.     return cookieEnable;   
  167. }   
  168.     
  169. jQuery(document).ready(function($) {   
  170.     var ashu_token = 1;   
  171.     $('.vote_up a').click(function(){   
  172.         //检查浏览器是否启用cookie功能   
  173.         if( !ashu_isCookieEnable() ) {   
  174.             alert("很抱歉，您不能给本文投票！");   
  175.             return;   
  176.         }   
  177.         if( ashu_token != 1 ) {   
  178.             alert("您的鼠标点得也太快了吧？！");   
  179.             return false;   
  180.         }   
  181.         ashu_token = 0;   
  182.         //获取投票a标签中的rel值   
  183.         var full_info = $(this).attr( 'rel' );   
  184.         var arr_param = full_info.split( '_' ); //以字符"_"分割   
  185.         //发起ajax   
  186.         $.ajax({   
  187.             url:ajax_url, //ajax地址   
  188.             type:'POST',   
  189.             //请求的参数包括action   rating  postid三项   
  190.             data:'action=vote_post&rating=' + arr_param[ 0 ] + '&postid=' + arr_param[ 1 ],   
  191.             //返回数据   
  192.             success:function(results){   
  193.                 if(results=='n'){   
  194.                     alert('评价失败');   
  195.                     ashu_token = 1;   
  196.   
  197.                 }   
  198.                 if (results=='y'){   
  199.                     //如果成功，给前台数据加1   
  200.                     var upd_vd = 'vup' + arr_param[ 1 ];   
  201.                     $('#'+upd_vd).text(parseInt($("#"+upd_vd).text())+1);   
  202.                     ashu_token = 1;   
  203.                        
  204.                 }   
  205.                 if (results=='h'){   
  206.                     ashu_token = 1;   
  207.                     alert('已经发表过评价了');   
  208.                 }   
  209.                 if (results=='e'){   
  210.                     ashu_token = 1;   
  211.                     alert('评价失败');   
  212.                 }   
  213.             }   
  214.         });   
  215.     });   
  216.        
  217.     $('.vote_down a').click(function(){   
  218.         if( !ashu_isCookieEnable() ) {   
  219.             alert("很抱歉，您不能给本文投票！");   
  220.             return;   
  221.         }   
  222.         if(ashu_token != 1) {   
  223.             alert("您的鼠标点得也太快了吧？！");   
  224.             return false;   
  225.         }   
  226.         ashu_token = 0;   
  227.   
  228.         var full_info = $(this).attr( 'rel' );   
  229.         var arr_param = full_info.split( '_' );   
  230.         $.ajax({   
  231.             url:ajax_url,   
  232.             type:'POST',   
  233.             data:'action=vote_post&rating=' + arr_param[ 0 ] + '&postid=' + arr_param[ 1 ],   
  234.             success:function(results){   
  235.                 if(results=='n'){   
  236.                     alert('评价失败');   
  237.                     ashu_token = 1;   
  238.                 }   
  239.                 if (results=='y'){   
  240.                     var upd_vd = 'vdown' + arr_param[ 1 ];   
  241.                     $("#"+upd_vd).text(parseInt($("#"+upd_vd).text())+1);   
  242.                     ashu_token = 1;   
  243.                 }   
  244.                 if (results=='h'){   
  245.                     ashu_token = 1;   
  246.                     alert('已经发表过评价了');   
  247.                 }   
  248.                 if (results=='e'){   
  249.                     ashu_token = 1;   
  250.                     alert('发生未知错误');   
  251.                 }   
  252.             }   
  253.         });   
  254.     });   
  255. });  
  258. /*   
  259. *wp的ajax都可以通过请求中的action参数来执行对应的钩子   
  260. *示例中我们的action参数值是vote_post   
  261. *所以我们可以直接用下面两个钩子来执行动作   
  262. */   
  263. add_action("wp_ajax_vote_post", "add_votes_options");   
  264. add_action("wp_ajax_nopriv_vote_post", "add_votes_options");   
  265. function add_votes_options() {   
  266.   
  267. if( isset($_POST['action']) && ($_POST['action'] == 'vote_post') ){   
  268.     $postid = (int)$_POST['postid'];   
  269.     if( !$postid ){   
  270.         echo 'e'; //输出error   
  271.         die(0);   
  272.     }   
  273.     //cookie中是否已经存在投票数据   
  274.     $voted = $_COOKIE["smzdm_voted_".$postid];   
  275.     if( $voted ){   
  276.         echo 'h'; //输出have   
  277.         die(0);   
  278.     }   
  279.     $ip = $_SERVER['REMOTE_ADDR'];//ip   
  280.     $rating = $_POST['rating']; //投票内容   
  281.     //判断用户是否登录   
  282.     if(  is_user_logged_in() ){   
  283.         global $wpdb, $current_user;   
  284.         get_currentuserinfo();   
  285.         $uid = $current_user->ID;   
  286.     }else{   
  287.         $uid='';   
  288.     }   
  289.     if($rating=='up'){   
  290.         $rating='up';   
  291.     }else{   
  292.         $rating='down';   
  293.     }   
  294.     //添加数据   
  295.     $voted = add_vote($postid,$uid,$ip,$rating);   
  296.     if($voted=='y'){   
  297.         //设置cookie   
  298.         setcookie("ashu_voted_" . $postid,$rating, time() + 3000000, '/');   
  299.         echo 'y';//输出yes   
  300.         die(0);   
  301.     }   
  302.     if($voted=='h'){   
  303.         //设置cookie   
  304.         setcookie("ashu_voted_" . $postid,$rating, time() + 3000000, '/');   
  305.         echo 'h';   
  306.         die(0);   
  307.     }   
  308.     if($voted=='e'){   
  309.         echo 'n';//输出no   
  310.         die(0);   
  311.     }   
  312. }else{   
  313.     echo 'e';//输出eroor   
  314. }   
  315. die(0);   
  316. }  

五、后台php处理代码。

在前面的教程中，我们的ajax请求地址直接是网站页码地址，但是本篇教程中，我们的ajax请求地址是类似：www.shouce.ren/wp-admin/admin-ajax.php

使用这个地址来处理ajax请求，请一定记得请求中需要有action参数，然后我们只需要在functions.php文件(或自定)中添加下马代码，即可处理我们的请求，注意执行完请求输出内容之后，添加die函数结束：

  2. /*********更新重写规则***************/  
  3. function ashu_load_theme() {   
  4.     global $pagenow;   
  5.     if ( is_admin() && 'themes.php' == $pagenow && isset( $_GET['activated'] ) )   
  6.         ashu_vote_install(); //激活主题的时候执行函数   
  7. }   
  8. add_action( 'load-themes.php', 'ashu_load_theme' );   
  9. function ashu_vote_install(){   
  10.     global $wpdb;   
  11.     //创建 _post_vote表   
  12.     $table_name = $wpdb->prefix . 'post_vote';   
  13.     if( $wpdb->get_var("SHOW TABLES LIKE '$table_name'") != $table_name ) :   
  14.     $sql = " CREATE TABLE `".$wpdb->prefix."post_vote` ( 
  15.       `id` BIGINT NOT NULL AUTO_INCREMENT PRIMARY KEY ,  
  16.       `user` INT NOT NULL ,  
  17.       `post` INT NOT NULL ,  
  18.       `rating` varchar(10),  
  19.       `ip` varchar(40)  
  20.      ) ENGINE = MYISAM DEFAULT CHARSET=utf8;";   
  21.         require_once(ABSPATH . 'wp-admin/includes/upgrade.php');   
  22.         dbDelta($sql);   
  23.     endif;   
  24. }  
  27. /*  
  28. *添加投票函数  
  29. *$post_id 文章id  
  30. *$user_id 用户ID  
  31. *$ip 用户IP  
  32. *$rating 投票内容  
  33. */  
  34. function add_vote($post_id,$user_id='',$ip='',$rating='up'){   
  35.     global $wpdb;   
  36.     $user_id = (int)$user_id;   
  37.     $post_id = (int)$post_id;   
  38.     if(($user_id=='')&&($ip=='')){   
  39.         return "e"; //返回error   
  40.     }   
  41.     //检查用户对某一文章是否已经投票票了   
  42.     if($user_id!=''){   
  43.         $check= "select * from ".$wpdb->prefix."post_vote where post='$post_id' and user='$user_id'";   
  44.     }else{   
  45.         if($ip!=''){   
  46.             $check= "select * from ".$wpdb->prefix."post_vote where post='$post_id' and ip='$ip'";   
  47.         }   
  48.     }   
  49.     $coo = $wpdb->get_results($check);   
  50.     //投票内容只能是up或者down   
  51.     if($rating=='up'){   
  52.         $rating='up';   
  53.     }else{   
  54.         $rating='down';   
  55.     }   
  56.     //如果不存在数据   
  57.     if(!count($coo) > 0){   
  58.         //插入数据 sql   
  59.         $s = "insert into ".$wpdb->prefix."post_vote (user,post,rating,ip) values('$user_id','$post_id','$rating','$ip')";   
  60.         $wpdb->query($s);   
  61.         return "y"; //返回yes   
  62.     }else{   
  63.         return "h"; //返回have   
  64.     }   
  65.     return "e";//返回error   
  66. }  
  69. /*   
  70. *获取文章投票数据   
  71. *$post_id 文章ID   
  72. *$vote 投票内容   
  73. */   
  74. function get_post_vote($post_id,$vote='up'){   
  75.     global $wpdb;   
  76.     $post_id = (int)$post_id;   
  77.     if($vote == 'up'){   
  78.         $vote='up';   
  79.     }else{   
  80.         $vote='down';   
  81.     }   
  82.     //查询数据sql   
  83.     $sql = "select count(*) from ".$wpdb->prefix."post_vote where post='$post_id' and rating='$vote'";   
  84.     $coo = $wpdb->get_var($sql);   
  85.     if($coo)   
  86.     return $coo; //返回数据   
  87.     else   
  88.     return 0;   
  89. }  
  92. <span class="vote_up" id="<?php echo 'vote_up'.$post->ID;?>">   
  93.     <a href="javascript:void(0);" rel="<?php echo 'up_',$post->ID;?>">   
  94.     <span id="<?php echo 'vup'.$post->ID;?>">   
  95.         <?php echo get_post_vote($post->ID,'up');?>   
  96.     </span>   
  97.     </a>   
  98. 人认为值得买！</span>   
  99.   
  100. <span class="vote_down" id="<?php echo 'vote_down'.$post->ID;?>">   
  101.     <a href="javascript:void(0);" rel="<?php echo 'down_'.$post->ID;?>">   
  102.     <span id="<?php echo 'vdown'.$post->ID;?>">   
  103.         <?php echo get_post_vote($post->ID,'down');?>   
  104.     </span>   
  105.     </a>人认为不值得买！   
  106. </span>  
  109. <span class="vote_up" id="vote_up44">  
  110.     <a href="javascript:void(0);" title="值得" rel="up_44">  
  111.     <span id="vup44">  
  112.         0   
  113.     </span>  
  114.     </a>  
  115. 人认为值得买！</span>  
  116. <span class="vote_down" id="vote_down44">  
  117.     <a href="javascript:void(0);" title="不值" rel="down_44">  
  118.     <span id="vdown44">  
  119.         1   
  120.     </span>  
  121.     </a>人认为不值得买！   
  122. </span>  
  125. <script src="<?php echo get_template_directory_uri();?>/js/jquery-1.7.2.min.js"></script>   
  128. 其中输出了ajax请求的地址：www.shouce.ren/wp-admin/admin-ajax.php
  129. <script type="text/javascript">var ajax_url = '<?php echo admin_url(); ?>admin-ajax.php';</script>  
  130. <script src="<?php echo get_template_directory_uri();?>/js/ashu.js"></script>    
  133. /**     
  134.  * by ashu.     
  135.  * URI: http://www.shouce.ren     
  136.  */   
  137.   
  138. /**   
  139.  * 获取Cookie   
  140.  *name  cookie名称   
  141.  */   
  142. function getCookie(name) {   
  143.     var start = document.cookie.indexOf( name + "=" );   
  144.     var len = start + name.length + 1;   
  145.   
  146.     if ( ( !start ) && ( name != document.cookie.substring( 0, name.length ) ) )   
  147.         return null;   
  148.   
  149.     if ( start == -1 )   
  150.         return null;   
  151.   
  152.     var end = document.cookie.indexOf( ';', len );   
  153.   
  154.     if ( end == -1 )   
  155.         end = document.cookie.length;   
  156.     return unescape( document.cookie.substring( len, end ) );   
  157. }   
  158. function ashu_isCookieEnable() {   
  159.     var today = new Date();   
  160.     today.setTime( today.getTime() );   
  161.     var expires_date = new Date( today.getTime() + (1000 * 60) );   
  162.   
  163.     document.cookie = 'ashu_cookie_test=test;expires=' + expires_date.toGMTString() + ';path=/';   
  164.     var cookieEnable = (getCookie('ashu_cookie_test') == 'test') ?  true : false;   
  165.     //document.cookie = 'ludou_cookie_test=;expires=Fri, 3 Aug 2001 20:47:11 UTC;path=/';   
  166.     return cookieEnable;   
  167. }   
  168.     
  169. jQuery(document).ready(function($) {   
  170.     var ashu_token = 1;   
  171.     $('.vote_up a').click(function(){   
  172.         //检查浏览器是否启用cookie功能   
  173.         if( !ashu_isCookieEnable() ) {   
  174.             alert("很抱歉，您不能给本文投票！");   
  175.             return;   
  176.         }   
  177.         if( ashu_token != 1 ) {   
  178.             alert("您的鼠标点得也太快了吧？！");   
  179.             return false;   
  180.         }   
  181.         ashu_token = 0;   
  182.         //获取投票a标签中的rel值   
  183.         var full_info = $(this).attr( 'rel' );   
  184.         var arr_param = full_info.split( '_' ); //以字符"_"分割   
  185.         //发起ajax   
  186.         $.ajax({   
  187.             url:ajax_url, //ajax地址   
  188.             type:'POST',   
  189.             //请求的参数包括action   rating  postid三项   
  190.             data:'action=vote_post&rating=' + arr_param[ 0 ] + '&postid=' + arr_param[ 1 ],   
  191.             //返回数据   
  192.             success:function(results){   
  193.                 if(results=='n'){   
  194.                     alert('评价失败');   
  195.                     ashu_token = 1;   
  196.   
  197.                 }   
  198.                 if (results=='y'){   
  199.                     //如果成功，给前台数据加1   
  200.                     var upd_vd = 'vup' + arr_param[ 1 ];   
  201.                     $('#'+upd_vd).text(parseInt($("#"+upd_vd).text())+1);   
  202.                     ashu_token = 1;   
  203.                        
  204.                 }   
  205.                 if (results=='h'){   
  206.                     ashu_token = 1;   
  207.                     alert('已经发表过评价了');   
  208.                 }   
  209.                 if (results=='e'){   
  210.                     ashu_token = 1;   
  211.                     alert('评价失败');   
  212.                 }   
  213.             }   
  214.         });   
  215.     });   
  216.        
  217.     $('.vote_down a').click(function(){   
  218.         if( !ashu_isCookieEnable() ) {   
  219.             alert("很抱歉，您不能给本文投票！");   
  220.             return;   
  221.         }   
  222.         if(ashu_token != 1) {   
  223.             alert("您的鼠标点得也太快了吧？！");   
  224.             return false;   
  225.         }   
  226.         ashu_token = 0;   
  227.   
  228.         var full_info = $(this).attr( 'rel' );   
  229.         var arr_param = full_info.split( '_' );   
  230.         $.ajax({   
  231.             url:ajax_url,   
  232.             type:'POST',   
  233.             data:'action=vote_post&rating=' + arr_param[ 0 ] + '&postid=' + arr_param[ 1 ],   
  234.             success:function(results){   
  235.                 if(results=='n'){   
  236.                     alert('评价失败');   
  237.                     ashu_token = 1;   
  238.                 }   
  239.                 if (results=='y'){   
  240.                     var upd_vd = 'vdown' + arr_param[ 1 ];   
  241.                     $("#"+upd_vd).text(parseInt($("#"+upd_vd).text())+1);   
  242.                     ashu_token = 1;   
  243.                 }   
  244.                 if (results=='h'){   
  245.                     ashu_token = 1;   
  246.                     alert('已经发表过评价了');   
  247.                 }   
  248.                 if (results=='e'){   
  249.                     ashu_token = 1;   
  250.                     alert('发生未知错误');   
  251.                 }   
  252.             }   
  253.         });   
  254.     });   
  255. });  
  258. /*   
  259. *wp的ajax都可以通过请求中的action参数来执行对应的钩子   
  260. *示例中我们的action参数值是vote_post   
  261. *所以我们可以直接用下面两个钩子来执行动作   
  262. */   
  263. add_action("wp_ajax_vote_post", "add_votes_options");   
  264. add_action("wp_ajax_nopriv_vote_post", "add_votes_options");   
  265. function add_votes_options() {   
  266.   
  267. if( isset($_POST['action']) && ($_POST['action'] == 'vote_post') ){   
  268.     $postid = (int)$_POST['postid'];   
  269.     if( !$postid ){   
  270.         echo 'e'; //输出error   
  271.         die(0);   
  272.     }   
  273.     //cookie中是否已经存在投票数据   
  274.     $voted = $_COOKIE["smzdm_voted_".$postid];   
  275.     if( $voted ){   
  276.         echo 'h'; //输出have   
  277.         die(0);   
  278.     }   
  279.     $ip = $_SERVER['REMOTE_ADDR'];//ip   
  280.     $rating = $_POST['rating']; //投票内容   
  281.     //判断用户是否登录   
  282.     if(  is_user_logged_in() ){   
  283.         global $wpdb, $current_user;   
  284.         get_currentuserinfo();   
  285.         $uid = $current_user->ID;   
  286.     }else{   
  287.         $uid='';   
  288.     }   
  289.     if($rating=='up'){   
  290.         $rating='up';   
  291.     }else{   
  292.         $rating='down';   
  293.     }   
  294.     //添加数据   
  295.     $voted = add_vote($postid,$uid,$ip,$rating);   
  296.     if($voted=='y'){   
  297.         //设置cookie   
  298.         setcookie("ashu_voted_" . $postid,$rating, time() + 3000000, '/');   
  299.         echo 'y';//输出yes   
  300.         die(0);   
  301.     }   
  302.     if($voted=='h'){   
  303.         //设置cookie   
  304.         setcookie("ashu_voted_" . $postid,$rating, time() + 3000000, '/');   
  305.         echo 'h';   
  306.         die(0);   
  307.     }   
  308.     if($voted=='e'){   
  309.         echo 'n';//输出no   
  310.         die(0);   
  311.     }   
  312. }else{   
  313.     echo 'e';//输出eroor   
  314. }   
  315. die(0);   
  316. }  

六、结束
本票教程并非实现定踩或喜欢功能的最佳选择，只是提供一个ajax的简单示例...