將AJAX/javascript值插入到自定義WordPress表中

Question

這是我在我的網站上的投票功能。當用戶點擊一個按鈕時，他們的投票將被插入到WordPress的自定義表格中。 AJAX返回成功消息OK，但沒有任何內容被插入到表中。我在哪裏犯錯誤？這裏是我的代碼（AJAX腳本和PHP代碼都在一個頁面上）

<script type="text/javascript" > 
     jQuery(document).ready(function(){ 
       var counter; 
       var id; 
      jQuery('.fa-plus').one('click', function(){ 
       counter = 0; 
       id = jQuery(this).closest('div').prop("id"); 
       alert(id); 
       //window.open("bride-profile.php"); 
       counter = counter+1; 
       jQuery('#votes-count').parent().html(counter); 

     }); 



     jQuery.ajax({ 
      url :"http://localhost/-wiz/wordpress/", 
      method :"POST", 
      data :{ 
         'action' : 'add_votes', 
         'counter': counter, 
         'id'  : id, 
      }, 
      success:function(data){ 
       alert(data);    
      } 
     }).error(function(){ 
      alert("ERROR!"); 
    }); 
}); 
    </script> <?php 
}//end of function my_action_javascript 
function add_votes(){ 
     $id = $_POST['id']; 
     $votes= $_POST['counter']; 
     $wpdb->insert(
      'fwwp_votes', 
      array(
       'bride_id' => $id, 
       'votes' => $votes 
      ) 
     ); 
    } 
add_action('wp_ajax_no_priv_add_votes', 'add_votes'); 
add_action('wp_ajax_add_votes', 'add_votes'); 

，有點我加價的：

foreach($applications as $application){ 
      $id = $application->id; 
      echo  
      '<div class="col-md-3" id="'.$id.'">', 
        '<span class="pull-right votes" id="votes-count"><strong>0</strong></span>', 
        '<div class="disp" id="disp"><i class="fa fa-heart fa-fw"></i> Votes</div>', 
        '<i class="fa fa-plus fa-fw"></i> Vote for '.$application ->user_name.', 
      '</div>'; 
      } 

Answer 1

好了，事實證明一切，我不得不做是插入我的jQuery.ajax塊到onclick函數，如下所示：

jQuery(document).ready(function(){ 
       jQuery('.site-footer').hide(); 
       var counter; 
       var id; 
     jQuery('.fa-plus').one('click', function(){ 
       counter = 70; 
       id  = jQuery(this).closest('div').prop("id"); 
       alert(id); 
       counter = counter+1; 
       jQuery('#votes-count').parent().html(counter); 


       jQuery.ajax({ 
      url : "http://localhost/-wiz/wordpress/vote", 
      type : "POST", 
      data : { 
         'action' : 'add_votes', 
         'counter': counter, 
         'id'  : id 
      }, 
      success:function(response){ 
       console.log(response); 

      } 
     }).error(function(){ 
      alert("ERROR!"); 
    });