表单的 JavaScript (jquery) 下拉菜单，不需要重新加载页面(Rails 应用程序)

Question

我们有三个表单，目前它们是自己的页面，但我认为作为下拉菜单会更好。它们每个都只有两个字段和一个提交按钮。我希望这样在他们点击提交后页面不会重新加载，他们只是继续按原样使用该网站。

一个样本表格:

<%= form_for(@app) do |f| %>
  <% if @app.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(@app.errors.count, "error") %> prohibited this app from being saved:</h2>
      <ul>
      <% @app.errors.full_messages.each do |msg| %>
        <li><%= msg %></li>
      <% end %>
      </ul>
    </div>
  <% end %>
  <div>
    <%= f.text_field :url, :class => 'span4', :placeholder => "Paste the URL"  %>
  </div>
  <div>
    <%= f.text_field :description, :class => 'span4', :rows =>1, :placeholder 
      => "Give it a title" %>
  </div>
  <div style="text-align:left">
      <%= f.submit "Submit" %>
  </div>
<% end %>

我想知道将该代码放入页面的 JavaScript 代码。我希望有一个 jquery 插件或类似的插件 - 但我在 jquery.com 上找不到任何东西。

感谢您的帮助!

Answer 1

我不会为您编写代码，但步骤如下:

1. 拦截表单的提交事件。 $('#someForm').submit(function(e){});

2. 取消默认行为。 e.preventDefault();

3. 使用 AJAX 通过 JavaScript 将数据发布到表单，而不是重新加载。