AJAX - Like按钮重定向我,而不是执行ajax调用

时间:2014-10-16 23:00:20

标签: javascript php jquery ajax

我已经有一个类似的帖子系统,但我的问题是它在每个之后重新加载。我仍然是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 / musiclear /#而不是跳过它并执行ajax调用。我认为它只是没有正确链接或可能是javascript的错误,但我真的不确定。这一直困扰着我一段时间,所以一些帮助会很棒!感谢

1 个答案:

答案 0 :(得分:0)

您正在使用jquery选择$("a.like"),这是一个类like的元素。但是,根据您的标记,like类会附加到您的“父级div”按钮上,而不会附加到a。因此,我怀疑你的jquery没有正确匹配元素。

您可以通过输入jquery选择器在浏览器控制台中对此进行测试。

$("a.like")

如果返回了您的元素,那么您的选择器正在正确选择。如果你得到一个空集,你就不会选择任何东西。

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

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