正确使用Ajax和Rails的方法

Question

我正在尝试将ajax添加到投票系统，但是很难用jQuery定位单个元素。 这是我到目前为止所拥有的：

在索引操作中投票链接

<%= link_to post_votes_path(post), :method => 'post', :remote => true do %>
<span class="score"><%= post.votes.size %></span>
<% end %>

在投票控制器中创建动作

def create
@post = Post.find(params[:post_id])
@vote = @post.votes.create

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

jQuery在表决＃创建视图（create.js.erb）

$('.score').html("I voted"); 

麻烦的是，当我单击链接进行投票时，它更改了所有帖子的html，而不仅仅是我尝试投票的帖子。 没有jQuery的丰富经验，所以我禁不住想我缺少明显的东西。 有任何想法吗 ？

Answer 1

您所有的跨度都有.score类。 这就是所有改变的原因。

这是一个可能的解决方案。 更改您的html：

<span class="score p_<%= post.id%>"><%= post.votes.size %></span>

然后更改您的create.js.erb

$('.score.p_<%= @post.id %>').html("I voted");

Answer 2

我通常只使用JQuery的$ .post。 我正在使用asp.net，但假设rails也可以使用。

$.post("/someurltoyouraction", {myval:val},function(data){
  // do stuff after post
});

这将产生一个Ajax发布请求。 您可以在{myval:val}对象中定义发布参数，以符合您的要求。 本质上是基于键值定义的对象{key:value}