如何从Rails 6视图调用JavaScript函数
从Rails 6视图调用JavaScript函数可以通过以下步骤实现：
- 在Rails 6应用的视图文件中，可以使用内置的JavaScript标签
<script>来调用JavaScript函数。在视图文件中，可以直接编写JavaScript代码或者引入外部的JavaScript文件。 - 如果要在视图中调用一个已经定义好的JavaScript函数，可以使用
<script>标签内的<%= javascript_tag %>方法。该方法可以将Ruby代码嵌入到JavaScript标签中。 - 例如，要调用名为
myFunction的JavaScript函数，可以在视图文件中添加以下代码： - 例如，要调用名为
myFunction的JavaScript函数，可以在视图文件中添加以下代码： - 如果要在视图中调用一个外部的JavaScript文件中的函数，可以使用
<%= javascript_include_tag %>方法引入该文件。 - 例如，要调用名为
myFunction的JavaScript函数，可以在视图文件中添加以下代码： - 例如，要调用名为
myFunction的JavaScript函数，可以在视图文件中添加以下代码： - 注意：
path/to/your/javascript/file.js应替换为实际的JavaScript文件路径。
以上是从Rails 6视图调用JavaScript函数的基本步骤。下面是一些相关的名词解释和推荐的腾讯云产品：
- 名词解释：
- Rails 6：Rails是一个基于Ruby的开发框架，用于构建Web应用程序。Rails 6是Rails框架的最新版本，提供了许多新功能和改进。
- 视图（View）：在Rails中，视图是用于呈现用户界面的部分，通常使用HTML和嵌入式Ruby代码（ERB）编写。
- JavaScript：一种常用的脚本语言，用于为网页添加交互性和动态功能。
- 腾讯云产品推荐：
请注意，以上推荐的腾讯云产品仅供参考，你可以根据实际需求选择适合的产品。
相关·内容
我只是从RAILS 5升级到RAILS 6，我发现所有rails视图都不能像RAILS 5中一样调用javascript函数。
我有一个外部javascript文件位于
app/javascript/packs/station.js
这是嵌入在app/view/layout/application.html.erb中的，作为
<%= javascript_pack_tag 'station' %>
这是我如何从html.erb文件调用javascrpt函数的代码：
<%= text_field_tag(:station_text_field, ... ,
浏览 5提问于2020-06-15得票数 1
在我的Rails 6应用程序中，我使用Webpacker实现了Javascript的如下结构。
app/javascript
+ packs
- application.js
+ custom
- hello.js
下面显示的是上述JS文件中的内容
app/javascript/custom/hello.js
export function greet(name) {
console.log("Hello, " + name);
}
app/javascript/packs/application.js
require("@r
浏览 0提问于2020-05-13得票数 3
我正在尝试将json对象从rails (.erb)视图传递到javascript。
下面是我的视图：
<p>
<%= content_tag "div", id: "slider", data: {slider: {min: 1, max: 10}} do%>
<%end%>
</p
和我的javascript：
jQuery ->
$('#slider').slider($('#slider').data('slider'))
如何将{min: 1, m
浏览 1提问于2012-12-06得票数 0
回答已采纳
我想将一个变量从rails视图中的javascript传递给控制器以及其他表单参数。(rails 2.3.5)
<script type="text/javascript">
function confirmation(){
var x=confirm("Edit all copies?");
//passing x and other form object (here @book)
}
</script>
我能把x转换成rails变量吗？如果是，是如何实现的？
浏览 0提问于2015-01-23得票数 0
我有一个Rails3应用程序，它执行对数据库进行多次查询以查找文档的长期任务。我想通过这组查询向用户显示的进度。我创建了一个使用jquery.ui.progressbar的jquery函数。我想在文档搜索控制器遍历搜索短语时动态更新进度条。我需要知道如何动态调用javascript来更新文档视图中的进度条div。请告诉我如何从rails控制器调用javascript。
浏览 0提问于2011-01-18得票数 0
回答已采纳
我目前正在尝试Rails 6.0.0.rc1，它似乎将默认的javascript文件夹从app/assets/javascript移到了app/javascript。application.js文件现在位于app/javascript/packs中。现在，我想添加几个js文件，但是由于某种原因，它们没有被导入，而且我也找不到在Rails 6中如何做到这一点的文档。
在custom_js下面创建一个新文件夹app/javascript/packs，将所有js文件放在那里，然后向application.js添加一个require "custom_js"。
在app/java
浏览 1提问于2019-05-21得票数 26
回答已采纳
我正在使用simple_form和瘦模板引擎，无法调用javascript函数。
= f.input :name, placeholder: 'Name', label: false, input_html: {:onclick => "search()"}
误差 Refused to execute inline event handler because it violates the following Content Security Policy directive: "script-src 'self' https:&#
浏览 1提问于2018-01-18得票数 0
3回答
这可能是一个非常简单的问题，但我找不到答案。我应该如何从javascript/jQuery (从Backbone视图)访问rails会话变量？这很可能不是最佳实践，但这对我来说不是问题。
谢谢你，Alexandra
浏览 1提问于2012-06-28得票数 1
回答已采纳
我想重用我在几个不同视图中编写的javascript函数。在Rails6中我该如何着手做这件事呢？到目前为止，我能使用的唯一解决方案是在javascript文件中将函数定义为window.functionName = function() {}
然而，许多其他关于这方面的帖子说，这是一个糟糕的解决方案，应该避免。定义我可以在rails视图中使用的函数的正确方法是什么？
浏览 0提问于2021-03-13得票数 0
将一个变量从Rails 6传递到Javascript是可行的：
<% @hi = "Hi!" %>
<script type="text/javascript">
var ac = '<%= @hi %>';
alert(ac);
</script>
如何将变量从Javascript传递到Rails 6？
浏览 14提问于2021-06-12得票数 0
我的问题是如何使用datatable将rails项目的以下javascript转换为coffeescript：
$.extend( $.fn.dataTableExt.oStdClasses, {
"sWrapper": "dataTables_wrapper form-inline"
} );
..。这样做是可行的：
jQuery ->
$('#logs').dataTable
bJQueryUI: true
sDom: "<'row'<'span6'l>&
浏览 0提问于2012-04-17得票数 0
回答已采纳
1回答
如何将用户的本地时间放入我的Rails应用程序中？
我不能要求他们的时区，我也不想使用一些API从ip获取时区。
我认为这可能涉及到将Javascript日期传递给我的Rails应用程序-我该如何做好呢？我可以在我的视图中用therubyracer来做，但那是混乱的。
浏览 0提问于2012-05-05得票数 1
回答已采纳
让我有一个按钮： <button type="button" onclick = "myfunction()" class="collapsible">Expand content</button> 并且，我有一个JavaScript函数： function collapse() {
var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i
浏览 13提问于2021-07-08得票数 0
回答已采纳
我尝试像在Rails 5中那样组织我的前端，我有一些带有函数的js文件，并根据需要在不同的代码位置使用这些函数。但是在Rails 6中，js的工作是完全不同的。不管怎么说，我想我对packs和webpacker有了主要的想法。但是如何使用自定义js函数呢？把它写在一个文件中，然后在另一个文件中使用？应该有办法去做。
例如，我有一些定制的js包：
app/javascript/packs/custom_pack_with_functions.coffee
console.log 'hey'
@hi = () ->
console.log 'HI'
我希
浏览 0提问于2020-05-18得票数 3
回答已采纳
我是Rails 6和Webpacker的新手。
它应该很简单，但我找不到任何好的教程为它。
我只是尝试在一个新的..js文件中添加函数，但是找不到这些函数。
我的application.js是：
require("@rails/ujs").start();
require("turbolinks").start();
require("@rails/activestorage").start();
require("channels");
require("jquery")
import * as my from
浏览 1提问于2020-07-27得票数 0
回答已采纳
我可以将Rails 6中的变量传递给Javascript：
<code>A0</code>
如何将变量从Javascript传递到Rails6？
浏览 14提问于2021-06-12得票数 0
在一个javascript文件中，我从我的视图中提取了这个rails变量：
this.main_id = <%= images[0].id %>;
然后，我使用Ajax将部分加载到页面的一部分(相关视图)：
var url = '/images/thumbnails_newest/'+ this.main_id;
new Ajax.Updater(this.scroller, url);
现在js变量this.main_id已经改变了...我不知道如何访问部分...中的rails变量。我想要更新此值。
部分中的this.main_id = this.main_id。
浏览 2提问于2010-12-02得票数 0
回答已采纳
在带有webpacker的rails 6中，您可以在视图或模板中添加一个<%= javascript_pack_tag 'alerts' %>来注入一些js。
如何与导入映射和rails 7一起工作？
浏览 1提问于2022-02-03得票数 0
回答已采纳
1回答
我从事开发工作，正在使用Ruby2.1从Rails 3.x迁移到Rails 4.2.5。在rails的前一个版本中，高级图表工作得很好。现在我第一次尝试使用资产管道。
在我的applcation.html.erb文件中，我包括了行：
<%= javascript_include_tag "application" %>
在资产/javascripts中，我已经验证了"application.js“文件的存在。在该文件中，我包括了以下几行：
//= require jquery.min
//= require rails
//= require hi
浏览 2提问于2016-01-18得票数 0
回答已采纳
对于rails开发人员，请查看我的最后一段。
rails中是否有针对.net的escape_javascript等价物，特别是.net mvc2？我将返回一些需要转义的JavaScript，因为我使用RenderPartialViewToString 从另一个视图获取代码
如果你不熟悉escape_javascript的功能，你可以在上看到它的作用。
Rails开发人员:感觉这个函数应该很容易实现或移植到rails上，所以有人能解释一下它除了转义qoutes之外还能做什么吗？
浏览 0提问于2010-12-20得票数 0
回答已采纳
我正在使用HTML、CSS、JS模板为我的Rails应用程序创建视图。此模板需要一些插件(混合在CSS和JS文件之间)。我将这些插件放在"/assets/plugins/“文件夹中并进行调用
<script type="text/javascript">var plugin_path = 'assets/plugins/';</script>
<script type="text/javascript" src="assets/plugins/myplugin/myplugin.js"
浏览 5提问于2016-08-05得票数 1
我在这里搜索过，只找到一个类似的主题，没有答案。我曾经参与过几个JavaScript MVC项目，我对它的工作原理有一定的了解。我对Ruby on Rails不是很精通，但我正在学习。现在我知道我有一些代码可以从JMVC调用Ruby控制器。我的问题是如何用JMVC视图替换Ruby视图？基本上，我希望调用JMVC视图，而不是Ruby视图。有人这么做过吗？任何示例代码都会很好。
浏览 1提问于2013-02-07得票数 1
回答已采纳
1回答
我找到了以下JS代码片段，用于使用Javascript异步加载数据：
(function(){
var a = document.createElement('script');
a.type = 'text/javascript';
a.async = true;
a.src = 'http://www.example.com/somefile.js';
var b = document.getElementsByTagName('script')[0];
b.parentNode
浏览 0提问于2013-02-24得票数 0
在Rails3.2应用程序中，我有一个在DOM元素上呈现图表的jquery函数
#assets/scripts.coffee.erb
$(document).ready ->
$("#chart_container").do_some_stuff
#view
<div id="chart_container"></div>
我正在处理这个视图，以使用户能够切换图表上显示的数据。问题是coffeescript不是通过ajax响应触发的。
如果我将这个函数放在视图的一些标记中，一切都会正常工作，但这不是一个非常“好”的解决方案。
浏览 1提问于2013-07-03得票数 1
回答已采纳
Rails 2.2.2
_competition.html.erb
<p>This is packed</p>
<% pack do %>
// some javascript
<% end %>
competitions_helper.rb
def pack(&block)
yield + 'PACKED'
end
然而，'PACKED‘并没有被附加到我的javascript字符串中，它就好像pack do没有效果一样。看起来块的上下文和实际的视图渲染有些奇怪，因为如果我在helper中删除了让出的调用，并返
浏览 1提问于2010-10-07得票数 1
回答已采纳
我很难正确配置和设置自己的JS文件，这些JS文件包含用于特定任务的JS函数。
我浏览了一些文章，发现我需要将我的自定义JS放在JS文件夹-> app/javascript/packs/currency_calculations.js中。
currency_calculations.js
function convert_curr(from, to) {
...
}
function show_convertion(curr) {
...
}
...
然后我尝试将这个自定义JS文件添加到app/javascript/packs/application.js中
import Rai
浏览 4提问于2021-05-01得票数 1
3回答
可能重复：
在同一个页面上多次调用$(document).ready 可以吗？如果是这样的话，代码运行的顺序是如何解决的，这有什么意义吗？
我在我的rails应用程序中使用jQuery。我通过应用程序使用了几个级别的javascript，所有这些都使用jQuery。
例如，在我的application.js中，我有一些默认代码可以消除闪存通知--我有一个包含在所有项目模型视图中的projects.js文件，还有一个项目/编辑器. is，它只包含在编辑操作呈现的视图中。
在我使用的所有三个js文件中：
$(document).ready
{
//Do something
}
浏览 5提问于2012-05-17得票数 1
回答已采纳
1回答
js和我想要创建一个带有主干的rails应用程序。唯一的问题是，我似乎无法弄清楚后端是什么，前面是什么。我所使用的方法基本上是将rails作为一个API使用。
我正在研究各种不同的方法，我似乎不太明白为什么您在主干中路由以及使用普通的rails路由。
我的理论是:使用rails显示初始的html页面，使用主干路由将javascript文件路由到该html页面，以便在那里执行DOM操作。
这是我的代码的一部分，我从代码中得到了这个想法。(注:这主要来自瑞安贝茨在backbone.js上的铁路广播)
骨干路由器
class Poster.Routers.Posts extends Backbone
浏览 3提问于2013-08-01得票数 3
回答已采纳
2回答
我很难将正确的数据从rails html.erb视图文件传递到js文件。
我的控制器(@messages = Message.all)和html.erb视图文件中有以下内容：
@messages.each do |x|
x.name
end
如果我有一个javscript文件，如何将特定消息的id传递给它？
我正在尝试这样做：
@messages.each do |x|
<span id="messageid" data-id="<%= x.id %>">
<%=x.name%>
</span>
end
在我的j
浏览 0提问于2015-07-16得票数 0
回答已采纳
我正在开发我的第一个rails应用程序，我有一个名为JavaScript的控制器，它有大约5个操作，每个动作都有一个视图页面，如何为article.coffee文件中的某个操作添加一个rails函数？
浏览 1提问于2015-09-20得票数 0
我目前正在尝试Backbone.js和rails应用程序。我的问题是，我不知道如何用我的rails应用程序实现骨干控制器和视图。我读过很多教程，但它们总是在backbone.js中只使用一个控制器。
例如，rails中有两个控制器。
Activities 包括两个视图，一个是谷歌地图，另一个是搜索字段。google地图插入了一个主干视图，搜索字段在HTML中，并通过一个主干视图获得它的功能。搜索字段应该从我的rails模型中获取数据并在中显示标记
另一个是
查看用户配置文件，我想添加一些ajax功能，比如更新值和其他things
在我的application.js中，我使用
var A
浏览 5提问于2011-03-06得票数 7
回答已采纳
1回答
我最近看了一个很棒的Blue Ridge Javascript测试框架，用来在我的rails应用上测试javascript。但是我想知道是否有人知道如何在rails中测试javascript视图文件？
Blue Ridge框架(据我所知)只允许测试javascript文件。但是我想测试一下我的"js.erb“文件，它也可以操作DOM。
有谁有什么见解吗？
浏览 1提问于2010-03-03得票数 3
1回答
在ERB Rails视图中
<%= link_to("Destroy", foos_path(1), :method => :delete, :confirm => "Are you sure?") %>
使用类似上面的link_to，您可以处理ID为1的foo的删除。如何使其成为远程的，并且(a)仍然将控件重定向到我的控件的页面，或者(b)调用自定义JavaScript (其目标是jQuery来刷新列表)
浏览 0提问于2011-08-27得票数 0
回答已采纳
我已经创建了一个ASP.NET MVC部分视图，并通过HTML.Action帮助方法调用它：
@Html.Action("GetMyPartialView", "MyController", new { myParameter})
部分视图包含一个需要调用某些JavaScript的控件(外部JavaScript文件中的JavaScript库)。如何从我的部分视图中调用此JavaScript代码。
我尝试在分部视图中使用script元素：
<script>
MyJavaScriptFunction();
</script>
这是行不
浏览 5提问于2015-05-27得票数 6
回答已采纳
我有一个嵌套的asp.net网格视图.Now，当在父网格视图中的每一行分别单击'+‘和'-’时，我通过调用javascript方法实现了展开和折叠的功能。
现在我在页面中有了一个按钮，我想在单击这个按钮时展开网格视图中的所有行，当单击另一个按钮时同样地折叠网格视图中的所有行。
如何为网格中的每一行调用javascript方法，即如何从后台代码中调用循环中的javascript方法？
浏览 0提问于2011-04-21得票数 0
我有一个Rails 6应用程序，并使用Webpacker作为资产。
文件app/javascript/packs/application.js中有以下代码：
export var Greeter = {
hello: function() {
console.log('hello');
}
}
我的视图(HTML)文件中有以下脚本：
<script>
$(document).ready(function(){
Greeter.hello();
});
</script>
注意:我使用的是JQuery，它运行得很好
浏览 4提问于2019-10-10得票数 6
1回答
我对编程和测试非常陌生，目的是看看jquery是否适用于rails 6的设置。为了做到这一点，我有：
applicationgenerated 创建了一个新的rails scaffoldinserted，下面的代码进入新创建的脚手架的index.html.erb视图中
<script type='text/javascript'>
$('#mydiv').show();
</script>
<div id='mydiv' style='display:none'>
TEST
<
浏览 2提问于2019-10-11得票数 2
我已经在我的rails 5应用程序- vendor/assets/javascripts中包含了vendor/assets/javascripts (dist文件夹)。
我的视图文件- view.html.erb中有一个画布html元素。
<div class="col-sm-6">
<canvas id="canvas" width="300" height="200" style="border:1px solid #000000">
</canvas>
</div&g
浏览 4提问于2017-01-18得票数 1
回答已采纳
1回答
我目前正在按如下方式对我的Rails应用程序进行公正的处理。
JS
application.js
$("a").live("click", function() {
$.getScript(this.href);
//do something
return false;
});
视图
index.js.erb
$("#core").html("<%= escape_javascript(render 'index') %>");
index.html.erb
浏览 5提问于2011-07-19得票数 2
如何检查Rails中是否启用了javascript？这样我就可以在视图中这样做了：
<div>
<% if javascript_enabled? %>
<p>Javascript Enabled!</p>
<%- else -%>
<p>No Javascript</p>
<%- end -%>
</div>
浏览 2提问于2010-02-23得票数 7
回答已采纳
我想知道如何从Rails视图中的JavaScript中调用<% if statement %>函数。我真的不知道这是否可能。
home.html.erb:
<script type="text/javascript">
function my_javascript_function() {
return false;
}
</script>
<!-- some code before -->
<% if my_javascript_function %>
<li>
<
浏览 1提问于2012-12-10得票数 1
回答已采纳
我是Rails新手，在视图中调用javascript函数有一个非常简单的问题。在Rails 2里我会.
= javascript_tag "name(arguments)"
其中javascript函数"name“位于我的application.js文件中。但是，这似乎不适用于Rails 3？还是我漏掉了什么？我搜索谷歌已经有一段时间了，没有找到答案。
更新：
好的，我看了这两种不同方式的来源(使用javascript_tag和haml javascript过滤器)。这很奇怪，因为html源代码似乎是相同的？除了声明脚本类型时双引号和单引号的差异之外。
FIRST:使用
浏览 1提问于2010-07-27得票数 5
回答已采纳
我正在尝试将HAML与rails一起使用，并使用HAML而不是ERB生成视图。
我补充道：
gem 'haml'
gem 'haml-rails'
添加到我的Gemfile，并安装了捆绑包。
$ rails g controller home index
/Library/Ruby/Gems/1.8/gems/railties-3.1.3/lib/rails/script_rails_loader.rb:11: warning: Insecure world writable dir /usr/local/bin in PATH, mode 040777
/Li
浏览 2提问于2011-11-28得票数 1
回答已采纳
2回答
这是我在Rails应用程序中用于delete操作的控制器代码。对于delete操作，我不使用单独的视图。
def delete
@industry = Industry.find(params[:id])
@industry.destroy
flash[:notice] = "Industry successfully deleted"
redirect_to(:action => 'index')
end
该操作是在索引视图本身中触发和执行的，但是我希望添加两件事：
如何在删除对象之前创建警告用户的JavaScri
浏览 3提问于2014-03-12得票数 0
回答已采纳
4回答
在具有不同视图选项的Rails中创建视图页的最佳实践是什么，例如基本视图(主要是文本)和具有图形特性的高级视图(视图)？更具体地说，我希望有一个视图页面，在该页面中，用户可以在基本/高级显示视图之间切换。单击“切换”按钮将呈现与所选视图对应的一组div。应该通过html标记中的form_for/if-html语句来完成这一任务，还是在javascript中这样做更好？我猜在javascript中可以通过以下方式打开/关闭<div id="id">：
$("#id").show()
$("#id").hide()
我很难理解rails实
浏览 6提问于2012-12-02得票数 1
回答已采纳
我使用rails 4从吊带，并需要包括内容从一个中间商-博客机架应用程序从一个子文件夹中的一个视图。在我的应用程序中，我的博客内容如下：
rails root > my_blog > source > index.html.erb.
我创造了这样的观点：
rails root > app > views > welcomes > index.html.haml
在我看来，代码是：
%h1 Welcome
= render "my_blog/source/index.html.erb"
但是当我访问该页面时，我会得到一个丢失的Parti
浏览 2提问于2014-07-23得票数 0
回答已采纳
我正在开发rails 2.3.11 ..并使用-P博客运行我的rails应用程序
url将类似于http://localhost:3000/application_name。
如何在rails视图文件的javascript中检索上述url
请给出建议
编辑
localhost:3000/application_name是整个应用程序的base_url。我有一个带有$.ajax的javascript :url带有“控制器/动作”，它不能正确加载，因为它将加载页面的ctrllr作为ctrllr，而不是从我在javascript中给出的页面中获取ctrllr。
浏览 2提问于2011-08-18得票数 2
2回答
在我的rails应用程序中，我有一个从模型生成的select标记(用户可以选择不同的国家)。我想更新text_field的值(对于国家电话代码)，当用户选择不同的选项时，可以在相同的视图中找到该值。我需要从模型中提取需要放置在country_code中的值( text_field )，并基于用户选择的选项(国家)。我尝试了几种不同的方法，但我似乎被困住了。请帮帮忙。
View:
<%= f.label :country %>
<%= select("user", :country, Country.all.collect{ |c| c[0]
浏览 1提问于2012-08-27得票数 0
我正在使用Sunspot solr作为JSON从我的Rails操作中获得工作搜索结果，我正在通过解析JSON数据在客户端创建结果视图，并使用来自响应JSON的Javascript.But创建HTML元素我们无法获得作业关联对象，所以通过使用来自响应JSON的company_id字段，我试图通过嵌入式ruby标签从javascript本身访问公司。
function submitForm() {
var valuesToSubmit = $('#FRM_JOB_SEARCH').serialize();
jQuery.ajax({
type: "
浏览 1提问于2013-03-14得票数 1
回答已采纳
1回答
我来自Rails背景，因此这个问题似乎很愚蠢。在Rails中，当我们创建Ajax请求时，我们可以通过使用javascript选择器呈现一个部分来更新视图，如下所示：
$("#dashboardEmails").html("<%=j render partial: 'emails', locals: {emails: @emails} %>");
我如何在Django模板中做到这一点？我试过以下几种方法：
$.ajax({
type: frm.attr('method'),
url: fr
浏览 0提问于2018-09-25得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
