jquery - 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);
        }
    });

});