错误的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); 
     } 
     }); 

    });