如何使用 jquery 和 codeigniter 制作 twitter 之类的关注按钮

Question

客户端代码

$(document).ready(function() {
  $(" a .follow").click(function() {

    var thiss = $(this);
    var state = thiss.attr("data-state");
    var id = thiss.attr("id");
    var follow = thiss.attr("data-follow");
    alert(value + id + flag);
    $.post("<?php echo base_url()?>profile/insert_follow", {
      state: state,
      id: id,
      follow: follow
    }, function(data) {

      if (thiss.hasClass("follow")) {

        var abc = "<a class="btn btn-info btn-follow unfollow" data-state="2" data-follow="<? php echo $artist_info - > id ?>" data-id="<? php echo $this->session->userdata('username') ?>">Following</a>";
        thiss.append(abc);

      }
      elseif(thiss.hasClass("unfollow")) {

        var abc1 = "<a class="btn btn-info btn-follow follow" data-state="2" data-follow=" <? php echo $artist_info->id ?> " data-id=" <? php echo $this->session->userdata('username') ?> ">Follow</a>";
        thiss.append(abc1);
      }
      $('.followers').children('span').html(data);
    });
  });
});

服务器端代码

public function insert_follow(){
    $id=$_POST['id'];
    $follows = $_POST['follows'];
    $state = $_POST['state'];
    $data1=array(
            'id'=>$id,
            'follows' =>$follows,
            'state' =>$state
                    );

    $query=$this->hbmodel->follow_artist($data1);


}

在这里，我尝试使用 var abc 中给定的 html 信息更新元素 .follow 的内容。但它不起作用。该代码还包括 ajax 的内容。也许问题可能出在我加载 jquery 和 bootstrap.min.js 文件时得到的 304 状态。这是codeigniter控制器中的功能。您可以使用this link 大致了解我要做什么

Answer 1

据我所知，当您创建变量 abc 和 abc1 时，您尝试使用 concat string。你的代码应该是这样的：

var abc = '<a class="btn btn-info btn-follow unfollow" data-state="2" data-follow="<? php echo $artist_info->id ?>" data-id="<? php echo $this->session->userdata('username') ?>">Following</a>';

代替：

var abc = "<a class="btn btn-info btn-follow unfollow" data-state="2" data-follow="<? php echo $artist_info->id ?>" data-id="<? php echo $this->session->userdata('username') ?>">Following</a>";

微妙之处在于您尝试添加的元素开头和结尾的单引号；

另外，您正在向 DOM 添加纯文本。试试这个：

thiss.append($(abc));

的

thiss.append(abc);

但这是基于问题不清楚的疯狂猜测。