rails 3.1使用链接提交ajax(remote:true)表单

时间:2012-05-02 13:00:09

标签: javascript jquery ajax ruby-on-rails-3

在rails 3.1 app上使用ajax,我需要能够使用链接而不是提交按钮提交ajax表单(使用remote:true)。

我需要对链接(或表单)做什么才能将其作为ajax提交而不是正常的表单提交?我尝试将onclick java添加到链接中,但在每种情况下,它只是以非ajax方式提交表单(页面刷新)。

使用提交按钮时,ajax表单目前工作正常,所以它必须是小的......

谢谢!

1 个答案:

答案 0 :(得分:6)

使用:remote => true创建表单时,Ajax事件绑定到表单的提交按钮。您必须使用javascript来触发该事件。这是我用来完成类似事情的一些代码:

<%= form_for [item.list, item], :remote => true, :html => { :'data-type' => 'json', :id => 'change-completed-form' } do |f| %>
    <td><%= f.label :name, item.name %></td>
    <td><%= f.check_box :completed, :onClick => "this.form.submit_button.click();" %></td>
    <%= f.submit :id => 'submit_button', :style => 'display: none;' %>
<% end %>