类似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
元素)
相关文章:
- 另一个ajax调用中的Jquery ajax调用在for循环中没有按预期工作
- Javascript/jQuery中的并行Ajax调用
- 任何方式使AJAX调用Gmail API,而无需通过JS库
- node.js请求数据事件未在CORS ajax调用中触发
- 如何从ajax调用返回.wrap()元素
- Ajax调用在Firefox中不会自动响应
- AJAX调用中的非法调用
- 使用AJAX调用将GeoJSON数据拉入传单
- 在MVC 4中,对Controller的Ajax调用为空
- Jquery:对返回JSON数据的php脚本的Ajax调用
- 在ajax调用中阻止来自JS对象的函数
- 如何在MVC5中ajax调用的部分视图中引用外部javascript
- 页面加载后的Ajax调用
- 如何使用Ajax调用特定的控制器和操作来重定向用户
- curl和fileget_contents在ajax调用后不起作用
- 在任何AJAX调用之前触发一个javascript函数
- 无法在mvc视图中使用ajax调用获取操作返回的模型对象列表
- Ajax调用ERror Cross Origin REquest:在rails中自动完成大学列表
- ASP.NET MVC 3-在ajax调用后,重定向到新页面或生成页面刷新
- 点击功能没有'ajax调用动态元素(Backbone)后无法工作