錯誤的jQuery AJAX方法和頁面刷新獲得

Question

$('.cn').click(function() { 
     var pic_id = $(this).attr('href'); 
     console.log(pic_id); 
     //alert(pic_id); 

    $.ajax({ 
      type: "POST", 
      url: "<?php echo base_url();?>anda/coins", 
      async: false, 
      data: "pic_id="+pic_id, 
      dataType: 'json', 
      success: function(data){ 
       //alert(data); 
       $('.cn_point').html(data.id); 
      } 
      }); 

     }); 

我接到電話回值並顯示在頁面上，但得到刷新和跨度隱藏的價值。有沒有人可以幫助我？我無法找到我的錯誤。

Answer 1

嘗試使用preventDefault：

$('.cn').click(function (e) { 
    e.preventDefault(); 
    var pic_id = $(this).attr('href'); 
    console.log(pic_id); 
    //alert(pic_id); 

    $.ajax({ 
     type : "POST", 
     url : "<?php echo base_url();?>anda/coins", 
     async : false, 
     data : "pic_id=" + pic_id, 
     dataType : 'json', 
     success : function (data) { 
      //alert(data); 
      $('.cn_point').html(data.id); 
     } 
    }); 

}); 

Answer 2

它，因爲你點擊鏈接，它會一直刷新頁面。

$('.cn').click(function() { 

    e.preventDefault(); 
    var pic_id = $(this).attr('href'); 
    console.log(pic_id); 
    //alert(pic_id); 

    $.ajax({ 
     type: "POST", 
     url: "<?php echo base_url();?>anda/coins", 
     async: false, 
     data: "pic_id="+pic_id, 
     dataType: 'json', 
     success: function(data){ 
      //alert(data); 
      $('.cn_point').html(data.id); 
     } 
     }); 

    });