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

});

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

    });