在Rails应用程序中使用AJAX无需使用表单即可更新模型字段

Question

我有一个看起来像这样的表：

每行都来自此部分：

<div class="row chord-table-row" id= <%= "chord-#{chord.id}" %>>
    <div class="small-1 columns"><%= chord.id %></div>
    <div class="small-2 columns"><%= chord.name %></div>
    <div class="small-3 columns"><%= chord.description %></div>
    <div class="small-3 columns"><%= chord.user.username %></div>
    <div class="small-3 columns"><%= link_to 'Approve', approve_path, class: 'chord-approval-button' %></div>
</div>

如何使“批准”按钮转到chords_controller的approve动作，该操作将更新和弦的state字段，然后在approve.js.coffee运行JS / approve.js.coffee ？

我（理想情况下）想在“批准”链接中使用remote: true ，但是我不确定如何确保控制器知道哪个Chord被批准。

现在，＃approve操作如下所示：

def approve
  chord.approve
  # this method is on the Chord model and is working
  respond_to do |format|
    format.js
  end
end

我想以正确的“轨道”方式进行操作，因此，任何指导/建议将不胜感激！ 谢谢！

Answer 1

添加会员路线以供批准：

resources :chords do
  member do
    post 'approve'
  end
end

然后，URL帮助器将接受和弦/和弦ID。 您可以使用remote: true ，就像您想要的那样：

<%= link_to 'Approve', approve_chord_path(chord), remote: true, method: :post %>

和弦id将以params[:id]进入params，因此您可以在控制器中执行此操作：

@chord = Chord.find(params[:id])
@chord.approve

您的respond_to块看起来不错，您的JavaScript将运行。

Answer 2

视图：

<%= link_to_function 'Approve', "$.get('#{approve_path}', {chord_id: #{chord.id}})", class: 'chord-approval-button' %>

approve.js：

$('dom#u_need_to_change').html('<%= j render partial: 'partial_you_need_to_render' %>')

就这些

当然，您需要正确的路线（ get ，或者您可以更好地将其更改为post ，这并不重要），并且approve.js必须位于正确的位置（我猜是views/chords文件夹）