类似AJAX的按钮重定向我,而不是执行AJAX调用


AJAX - Like button redirecting me instead of performing ajax call

我已经有了一个类似的post系统,但我的问题是它在每次类似之后都会重新加载。我对AJAX还很陌生,不太了解它是如何工作的,但以下是我正在做的。

javascript:

$("a.like").click(function() {

    $.post(base_url + "index.php/userprofile/like_post/" + user + "/" + post, { user : user, post : post }, function(data) {
        alert('liked');
    }, "json");
    return false;
});

这应该是在点击按钮时调用的。我可以看出这甚至没有被打电话,因为我没有收到警报。

视图:

<div class='like'>
    <?php echo anchor('#', 'like', array('id' => 'like')); ?>
</div>

控制器:

    public function like_post() {
    $this->load->model('model_users');
    $this->load->model('model_posts');
    $user = $this->model_users->getUserID($this->session->userdata('username'));
    $post = $this->model_users->parseURL($_SERVER['REQUEST_URI'], 2);
    $this->model_posts->likePost($post, $user);
}

我正在获取用户id和帖子id,并将它们放入我的功能中

型号:

    function likePost($post, $user) {
    $data['user_ID'] = $user;
    $data['post_liked'] = $post;
    $insert = $this->db->insert('user_post_likes', $data);
    return $insert;
}

当我运行这个程序时,它实际上会将我带到localhost/musicler/#,而不是跳过它并执行ajax调用。我认为它只是链接不正确,或者javascript有问题,但我真的不确定。这件事已经困扰了我一段时间了,所以如果能给我一些帮助就太好了!感谢

您使用jquery来选择$("a.like"),这是一个类为like的元素。但是,根据您的标记,like类附加到类似按钮的父级div,而不是a。因此,我怀疑您的jquery与元素匹配不正确。

您可以在浏览器控制台中通过输入jquery选择器来测试这一点。

$("a.like")

如果返回了元素,则选择器选择正确。如果你得到一个空集,你就没有选择任何东西。

根据您的标记,我建议使用以下选择器:

$(".like > a")(选择具有like类的元素的子a元素)