Ruby / Rails / AJAX / JQuery-在链接单击时，传递参数并执行控制器操作

Question

我试图使用单击链接在我的控制器中执行和操作，称为“是”，但这样做是在客户端，而不是每次用户单击时都刷新。

在我将link_to路由到名为“ yes”的动作并传递模型ID之前，我将其称为“事件”

      <%= link_to "yes", yes_path(event)%>   (in view)

      match 'user/:id/yes' => 'user#yes', :as => "yes"   {in routes.rb)

问题问题在于，每当用户单击链接时，页面就会在执行“是”操作时刷新，因此如果我能告诉后端执行客户端操作，页面将更加流畅。

S0我在这里找到了参考： 从rails3中的javascript执行控制器/动作

并查看了文档： http : //api.jquery.com/jQuery.ajax/

并提出了这一点。 如果帖子在上方的上一条路线上发布成功，请更改链接的CSS类（更改颜色）。

 $.ajax({
       type: "POST",
       url: "/user/" + $(this).attr('event') + "/yes/",
       success: function(){
           $(".like").click(function() {
           if ($(this).hasClass("selected")) {
           $(this).addClass("selected");
           return false;  } 
    });

我还添加了这是正在使用所需javascript的控制器的底部。

respond_to do |format|
     format.html { }
     format.js
end

所以现在我的link_to看起来像这样

 <%= link_to "yes", yes_path(event), :class => "like", :remote => true %>

但是该页面仍然令人耳目一新，它看起来根本没有调用AJAX。

• 我是否正确地将参数“ event”作为jquery属性传递？
• 我是否正确调用link_to？ 这是我的第一次，所以我不知道自己在做什么错，可能是几件事？

我真的很感谢任何帮助

Answer 1

这是你所追求的吗？

$(".like").click(function(evt) {
    evt.preventDefault();

    var $self = $(this);
    $.post($self.attr("href"), function(response) {
        $self.addClass("selected");
    });
});

第一行将JavaScript绑定到具有like类的所有元素。 preventDefault是防止锚标记的默认行为（导航到href）的首选方法。 $.post()是$.ajax({ type: "POST" })简写。

成功发布到服务器后，无论您要发生什么，都将执行该最终函数调用。 第一个参数是服务器的响应。

丰富