Rails form_for :remote=>true is not calling js met

I have no idea why this is not working, I'm learning rails and I'm following a book it says to do it like this:

    <%= form_for([@article,@article.comments.new ], :remote=>true, :html => {:style=>'display: none;' }) do |f|%>
    <div class="field">
      <%=    f.label :name %>
      <%=    f.text_field :name %>
    </div>
    <div class="field">
      <%=    f.label :email %>
      <%=    f.text_field :email %>
    </div>
    <div class="field">
      <%=    f.label :body %>
      <%=    f.text_area :body %>
    </div>
    <%= f.submit %>
<% end %>

However it does not work, and when I check the request in firebug the url doesnt end in .js, do you have any ideas why?

标签： ruby-on-rails ruby-on-rails-3

6条回答

爱情/是我丢掉的垃圾

2楼-- · 2019-01-09 00:59

Check the controller: does it have a respond_to block?

If you generated your app with rails generate scaffold, it will have something like

    respond_to do |format|
      format.html
      format.xml  { .... }
    end

If it does have it, just take the whole block out, from respond_to to end; or alternatively replace the whole block with the single line

    respond_to :html, :js

or alternatively edit the block by adding the extra line shown here

    respond_to do |format|
      format.html
      format.js
      format.xml  { .... }
    end

Either should work in your case.

0人赞添加讨论(0) 举报

等我变得足够好

3楼-- · 2019-01-09 01:01

This error occurs when you have not add jquery_ujs file. You just included the jquery file.

So you need to add both files manually in you view or require them in application.js or any other file which you are using for specific layout.

Depending upon your scenario, you can follow 1st or 2nd solution.

1st solution:

<%= javascript_include_tag :jquery, :jquery_ujs %>

2nd solution:

Require both jquery and jquery_ujs in app/assets/application.js
```
//= require jquery.js

//= require jquery_ujs
```
Include application.js file in your specific layout file.
```
<%= javascript_include_tag :application %>
```

Note:

Also add csrf tag in layout file for both solutions.

<%= csrf_meta_tag %>

I'm asuming that you have below code in your Gemfile and already installed this Gem.

gem 'jquery-rails'

0人赞添加讨论(0) 举报

该账号已被封号

4楼-- · 2019-01-09 01:04

When you check the request made in firebug, just because the url did not end with .js, it does not mean that it was not called from javascript. To verify that you should check the request header to see what the Accept parameter is. If it says "application/javascript" then it's all good.

Secondly, a very common problem when starting to try out the :remote => true is that the required javascript libraries are not included in your code. So my guess is that the following code is missing from your layout:

<%= javascript_include_tag :defaults %>
<%= csrf_meta_tag %>

If that is the case, just include it inside the <head> tag of your layout.

0人赞添加讨论(0) 举报

Deceive 欺骗

5楼-- · 2019-01-09 01:10

Change:

[@article,@article.comments.new ]

for

@article

I suggest you reading the API on the related section : http://api.rubyonrails.org/classes/ActionView/Helpers/FormHelper.html

0人赞添加讨论(0) 举报

▲ chillily

6楼-- · 2019-01-09 01:15

Most likely what happens is that you are missing the rails.js file, which handles that for you, whether you are using prototype or jquery.

If you are using jQuery, the easiest way to get all the needed files is using the jquery-rails gem. This will add a generator to install jquery and the needed rails.js.

type something like inside your rails application root:

rails g jquery:install

And then, inside your application.html.erb add the line

<%= javascript_include_tag :defaults %>

or explicitly (do not forget to include your jquery separately):

<%= javascript_include_tag :rails, :application %>

[EDIT: for Rails 3.1 or greater using the asset pipeline]

Use the jquery-rails gem (as mentioned above) and add the following lines to the app/assets/javascripts/application.js (if they are not there already) :

//= require jquery
//= require jquery_ujs

Hope this helps!

0人赞添加讨论(0) 举报

男人必须洒脱

7楼-- · 2019-01-09 01:16

Check your /app/assets/javascript/application.js file

It should be included below files in there. jquery_ujs is responsible for working remote=> true feature.

require `jquery`
require `jquery_ujs`

Happy Coding!!

0人赞添加讨论(0) 举报

Rails form_for :remote=>true is not calling js met

采纳回答

编辑标签

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮

付费偷看金额在0.1-10元之间