rails 3.1 提交带有链接的 ajax (remote: true) 表单

【问题标题】：rails 3.1 submit an ajax (remote: true) form with a linkrails 3.1 提交带有链接的 ajax (remote: true) 表单
【发布时间】：2012-05-02 21:17:31
【问题描述】：

在 rails 3.1 应用程序上使用 ajax，我需要能够使用链接而不是提交按钮提交 ajax 表单（远程：true）。

我需要对链接（或表单）做什么才能使其作为 ajax 而不是普通的表单提交？我尝试将 onclick java 添加到链接中，但在每种情况下，它都只是以非 ajax 方式提交表单（页面刷新）。

ajax 表单目前可以很好地使用提交按钮，所以它必须是一些小东西......

谢谢！

【问题讨论】：

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

【解决方案1】：

当您使用: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 %>

【讨论】：

太棒了！但是我不喜欢指定'data-type'，用js就可以了。