blocks|key|5666904|text|更改：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5666905|[@article,@article.comments.new+]+|code-block|syntax|javascript|5666906|为|5666907|@article|5666908|我建议您阅读相关部分的API：http://api.rubyonrails.org/classes/ActionView/Helpers/FormHelper.html|offset|length|5666909|entityMap|0|LINK|mutability|MUTABLE|url|http://api.rubyonrails.org/classes/ActionView/Helpers/FormHelper.html^0|0|0|0|0|F|1X|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|10|8|@]|9|@$M|11|N|12|1|13]]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

Change: 

<pre><code>[@article,@article.comments.new ] 
</code></pre>

for 

<pre><code>@article
</code></pre>

I suggest you reading the API on the related section : <a href="http://api.rubyonrails.org/classes/ActionView/Helpers/FormHelper.html" rel="nofollow">http://api.rubyonrails.org/classes/ActionView/Helpers/FormHelper.html</a>

blocks|key|1689180|text|当你检查firebug中的请求时，仅仅因为url没有以.js结尾，并不意味着它不是从javascript调用的。为了验证您是否应该检查请求标头，以了解Accept参数是什么。如果显示为"application/javascript“，则一切正常。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1689181|其次，在开始尝试:remote+javascript+true时，一个非常常见的问题是所需的=>库没有包含在您的代码中。因此，我猜测您的布局中缺少以下代码：|1689182|<%25=+javascript_include_tag+:defaults+%25>
<%25=+csrf_meta_tag+%25>|code-block|syntax|javascript|1689183|如果是这种情况，只需将其包含在布局的<head>标记中即可。|offset|length|style|CODE|1689184|entityMap^0|0|0|0|I|6|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@$K|U|L|V|M|N]]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

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:

<pre><code>&lt;%= javascript_include_tag :defaults %&gt;
&lt;%= csrf_meta_tag %&gt;
</code></pre>

If that is the case, just include it inside the <code>&lt;head&gt;</code> tag of your layout.

blocks|key|2138099|text|最有可能发生的情况是，无论您使用的是prototype还是jquery，都会缺少rails.js文件，该文件将为您处理此问题。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2138100|如果您使用的是jQuery，那么获取所有所需文件的最简单方法就是使用jquery-rails+gem。这将添加一个生成器来安装jquery和所需的rails.js。|2138101|在rails应用程序根目录中键入类似以下内容：|2138102|rails+g+jquery:install|code-block|syntax|javascript|2138103|然后，在application.html.erb中添加下面这行|2138104|<%25=+javascript_include_tag+:defaults+%25>|2138105|或者显式地(不要忘记单独包含jquery+)：|2138106|<%25=+javascript_include_tag+:rails,+:application+%25>|2138107|编辑:对于使用资源管道的Rails+3.1或更高版本|2138108|使用jquery-rails+gem+(如上所述)，并将以下行添加到app/assets/javascripts/application.js+(如果它们尚未存在)：|2138109|//=+require+jquery
//=+require+jquery_ujs|2138110|希望这能有所帮助！|2138111|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/indirect/jquery-rails^0|14|8|0|Y|C|0|0|0|4|K|0|0|0|0|0|Y|11|2|C|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1C|8|@$9|1D|A|1E|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1F|8|@$9|1G|A|1H|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|1I|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|1J|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|1K|8|@$9|1L|A|1M|B|C]]|D|@]|E|$]]|$1|Q|3|R|5|L|7|1N|8|@]|D|@]|E|$M|N]]|$1|S|3|T|5|6|7|1O|8|@]|D|@]|E|$]]|$1|U|3|V|5|L|7|1P|8|@]|D|@]|E|$M|N]]|$1|W|3|X|5|6|7|1Q|8|@]|D|@]|E|$]]|$1|Y|3|Z|5|6|7|1R|8|@$9|1S|A|1T|B|C]]|D|@$9|1U|A|1V|1|1W]]|E|$]]|$1|10|3|11|5|L|7|1X|8|@]|D|@]|E|$M|N]]|$1|12|3|13|5|6|7|1Y|8|@]|D|@]|E|$]]|$1|14|3|-4|5|6|7|1Z|8|@]|D|@]|E|$]]]|15|$16|$5|17|18|19|E|$1A|1B]]]]

Most likely what happens is that you are missing the <code>rails.js</code> 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 <code>jquery-rails</code> gem. This will add a generator to install jquery and the needed rails.js.

type something like inside your rails application root:

<pre><code>rails g jquery:install
</code></pre>

And then, inside your <code>application.html.erb</code> add the line

<pre><code>&lt;%= javascript_include_tag :defaults %&gt;
</code></pre>

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

<pre><code>&lt;%= javascript_include_tag :rails, :application %&gt;
</code></pre>

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

Use the <a href="https://github.com/indirect/jquery-rails" rel="noreferrer">jquery-rails</a> gem (as mentioned above) and add the following lines to the <code>app/assets/javascripts/application.js</code> (if they are not there already) :

<pre><code>//= require jquery
//= require jquery_ujs
</code></pre>

Hope this helps!

blocks|key|4249531|text|检查控制器:它是否有respond_to块？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4249532|如果您使用rails+generate+scaffold生成您的应用程序，它将具有以下内容|4249533|++++respond_to+do+%7Cformat%7C
++++++format.html
++++++format.xml++{+....+}
++++end|code-block|syntax|javascript|4249534|如果有，只需从respond_to到end去掉整个代码块；或者用一行代码替换整个代码块|4249535|++++respond_to+:html,+:js|4249536|或者，也可以通过添加此处显示的额外行来编辑块|4249537|++++respond_to+do+%7Cformat%7C
++++++format.html
++++++format.js
++++++format.xml++{+....+}
++++end|4249538|在您的情况下，这两种方法都应该有效。|4249539|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|Z|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|10|8|@]|9|@]|A|$G|H]]|$1|Q|3|R|5|6|7|11|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

Check the controller: does it have a respond_to block?

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

<pre><code> respond_to do |format|
 format.html
 format.xml { .... }
 end
</code></pre>

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

<pre><code> respond_to :html, :js
</code></pre>

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

<pre><code> respond_to do |format|
 format.html
 format.js
 format.xml { .... }
 end
</code></pre>

Either should work in your case.

blocks|key|1686738|text|检查您的/app/assets/javascript/application.js文件|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1686739|它应该包含在那里的文件下面。jquery_ujs负责remote=>+true特性的工作。|1686740|require+`jquery`
require+`jquery_ujs`|code-block|syntax|javascript|1686741|编码快乐！！|1686742|entityMap^0|4|11|0|E|A|Q|D|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@$9|U|A|V|B|C]|$9|W|A|X|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|Y|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|Z|8|@]|D|@]|E|$]]|$1|O|3|-4|5|6|7|10|8|@]|D|@]|E|$]]]|P|$]]

Check your <code>/app/assets/javascript/application.js</code> file

It should be included below files in there. <code>jquery_ujs</code> is responsible for working <code>remote=&gt; true</code> feature.

<pre><code>require `jquery`
require `jquery_ujs`
</code></pre>

Happy Coding!!

blocks|key|5667085|text|如果未添加jquery_ujs文件，则会出现此错误。您刚刚包含了jquery文件。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|5667086|因此，您需要在视图中手动添加这两个文件，或者将它们添加到application.js或用于特定layout的任何其他文件中。|5667087|根据您的场景，您可以遵循第一个或第二个解决方案。|5667088|的第一个解决方案：|5667089|<%25=+javascript_include_tag+:jquery,+:jquery_ujs+%25>|code-block|syntax|javascript|5667090|第二个解决方案：|5667091|在app/assets/application.js中，|5667092|需要jquery和jquery_ujs|ordered-list-item|5667093|5667094|//=需要jquery.js+//=在特定的jquery_ujs|5667095|Include+layout文件中需要+application.js文件。|unordered-list-item|5667096|5667097|<%25=+javascript_include_tag+:application+%25>|5667098|备注：|5667099|另外，在布局文件中为两个解决方案添加csrf标签。|5667100|<%25=+csrf_meta_tag+%25>|5667101|我建议你在你的Gemfile中有下面的代码，并且已经安装了这个Gem。|5667102|gem+'jquery-rails'|5667103|entityMap^0|5|A|0|S|E|1B|6|0|0|0|9|0|0|0|8|0|1|P|0|2|6|9|A|0|0|0|J|I|0|0|0|16|0|0|3|0|0|P|0|0|0|Z|0|0^^$0|@$1|2|3|4|5|6|7|1I|8|@$9|1J|A|1K|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1L|8|@$9|1M|A|1N|B|C]|$9|1O|A|1P|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|1Q|8|@]|D|@]|E|$]]|$1|J|3|K|5|6|7|1R|8|@$9|1S|A|1T|B|C]]|D|@]|E|$]]|$1|L|3|M|5|N|7|1U|8|@]|D|@]|E|$O|P]]|$1|Q|3|R|5|6|7|1V|8|@$9|1W|A|1X|B|C]]|D|@]|E|$]]|$1|S|3|T|5|6|7|1Y|8|@$9|1Z|A|20|B|C]]|D|@]|E|$]]|$1|U|3|V|5|W|7|21|8|@$9|22|A|23|B|C]|$9|24|A|25|B|C]]|D|@]|E|$]]|$1|X|3|-4|5|6|7|26|8|@]|D|@]|E|$]]|$1|Y|3|Z|5|6|7|27|8|@]|D|@]|E|$]]|$1|10|3|11|5|12|7|28|8|@$9|29|A|2A|B|C]]|D|@]|E|$]]|$1|13|3|-4|5|6|7|2B|8|@]|D|@]|E|$]]|$1|14|3|15|5|6|7|2C|8|@$9|2D|A|2E|B|C]]|D|@]|E|$]]|$1|16|3|17|5|6|7|2F|8|@$9|2G|A|2H|B|C]]|D|@]|E|$]]|$1|18|3|19|5|6|7|2I|8|@$9|2J|A|2K|B|C]]|D|@]|E|$]]|$1|1A|3|1B|5|N|7|2L|8|@]|D|@]|E|$O|P]]|$1|1C|3|1D|5|6|7|2M|8|@$9|2N|A|2O|B|C]]|D|@]|E|$]]|$1|1E|3|1F|5|N|7|2P|8|@]|D|@]|E|$O|P]]|$1|1G|3|-4|5|6|7|2Q|8|@]|D|@]|E|$]]]|1H|$]]

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:

<pre><code>&lt;%= javascript_include_tag :jquery, :jquery_ujs %&gt;
</code></pre>

2nd solution:

<ol>
<li>Require both jquery and jquery_ujs in app/assets/application.js

<pre><code>//= require jquery.js

//= require jquery_ujs
</code></pre></li>
<li>Include application.js file in your specific layout file. 

<pre><code>&lt;%= javascript_include_tag :application %&gt;
</code></pre></li>
</ol>

Note:

Also add csrf tag in layout file for both solutions.

<pre><code>&lt;%= csrf_meta_tag %&gt;
</code></pre>

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

<pre><code>gem 'jquery-rails'
</code></pre>

blocks|key|5667136|text|如果你有一个file_field，那么它会以remote:+true的形式提交，即使我花了很长时间才弄明白，所以我添加了这个答案，也许是为了节省别人的时间，有一个解决方案，使用远程部件gem，请参阅答案here|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5667137|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/36132509/remote-true-option-is-not-working-with-file-field-in-rails-4^0|M|C|2T|4|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]]|D|@$9|Q|A|R|1|S]]|E|$]]|$1|F|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

If you have a file_field then it submits as html, even when <code>remote: true</code> - took me a long time to work that out so I am adding this answer to maybe save someone else time, there is a solution, use the remotipart gem, see the answer <a href="https://stackoverflow.com/questions/36132509/remote-true-option-is-not-working-with-file-field-in-rails-4">here</a>

blocks|key|5667161|text|如果以上答案都不能解决问题，请仔细检查是否没有呈现嵌套在页面中的另一个表单中的remote:+true+(或local:+false)表单。这导致了我们的问题。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|BOLD|entityRanges|data|5667162|entityMap^0|13|C|1I|C|1X|B|0^^$0|@$1|2|3|4|5|6|7|I|8|@$9|J|A|K|B|C]|$9|L|A|M|B|C]|$9|N|A|O|B|D]]|E|@]|F|$]]|$1|G|3|-4|5|6|7|P|8|@]|E|@]|F|$]]]|H|$]]

If none of the above answers solve it for you, double check if you are not rendering your <code>remote: true</code> (or <code>local: false</code>) form nested within another form in the page. This was causing the issue for us.

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:

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

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?

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

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我不知道为什么这不起作用，我正在学习rails，我正在遵循一本书，书上说这样做： <%= form_for([@article,@article.comments.new ], :remote=>true, :html => {:style=>'display: none;' }) do |f|%> <di...

问Rails form_for :remote=>true未调用js方法
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Rails form_for :remote=>true未调用js方法EN