Question

我正在尝试使用ajax

提交以下表单

      <%= form_tag contact_form_submission_path, remote: true do %>

        <div class="row">
          <div class="col-md-4">
            <div class="form-group">
              <%= text_field_tag :name, nil, required: true, class: 'form-control', placeholder: "Name" %>
            </div>
          </div>

          <div class="col-md-4">
            <div class="form-group">
              <%= email_field :email, nil, required: true, class: 'form-control', placeholder: "Email" %>
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-md-12">
            <div class="form-group">
              <%= text_area_tag :message, nil, required: true, class: 'form-control', placeholder: "message", rows: '12' %>
            </div>
          </div>
        </div>

        <%= submit_tag 'Submit', class: 'btn btn-brand btn-round pull-right btn-sm'%>

      <% end %>

路线

post "/contact_form_submission", to: "pages#contact_form_submission"

控制器

  def contact_form_submission
   puts 'Form submit action triggered'
  end

contact_form_submission.js.erb

$("form")[0].reset();

我在无数次使用过这个确切的设置，它通常都能正常工作。但是此表格不会提交。在点击提交时我根本没有获得任何终端输出，并且没有控制台错误。

Ajax工作所需的其他地方是否可以忽略？

提前致谢。

Answer 1

尝试改变

<%= form_tag contact_form_submission_path, remote: true do %>

带

<%= form_tag "/contact_form_submission", remote: true do %>

还要检查行动contact_form_submission

之前是否有过滤器

Ajax表单没有提交 - Rails 5

1 个答案: