blocks|key|1006489|text|可以，可以通过jquery传值；|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1006490|<%25=f.text_field+:email+,:id=>"email_field"+%25>

<script+type="text/javascript">
+++var+my_email=+"my@email.com"
+++$(document).ready(function(){
++++++++$("#email_field").val(my_email);
+++});
</script>|code-block|syntax|javascript|1006491|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Yes you can pass the value by using jquery;

<pre><code>&lt;%=f.text_field :email ,:id=&gt;"email_field" %&gt;

&lt;script type="text/javascript"&gt;
 var my_email= "my@email.com"
 $(document).ready(function(){
 $("#email_field").val(my_email);
 });
&lt;/script&gt;
</code></pre>

blocks|key|1006333|text|简单的答案是你不能，部分在服务器端扩展，JavaScript变量稍后在客户端设置。您可以将i+(作为变量名)作为partial的参数，并在那里使用它。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1006334|render+:partial+=>+'xx',+:locals+=>+{+:variable+=>+'i'+}|code-block|syntax|javascript|1006335|和partial|1006336|alert(<%25=+variable+%25>);|1006337|entityMap^0|19|1|0|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|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

Simple answer is you can't. Partials are expanded at server side, and JavaScript variables are set later at client side. You could make <code>i</code> (as a variable name) a parameter of the partial and use it there.

<pre><code>render :partial =&gt; 'xx', :locals =&gt; { :variable =&gt; 'i' }
</code></pre>

And in partial

<pre><code>alert(&lt;%= variable %&gt;);
</code></pre>

blocks|key|792505|text|看看那块龙珠。https://github.com/gazay/gon|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|792506|它为您提供了一个简单的对象，您可以将变量传递给该对象，脚本可以通过window.gon使用该对象|style|CODE|792507|在这里也引用了http://railscasts.com/episodes/324-passing-data-to-javascript|792508|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/gazay/gon|1|http://railscasts.com/episodes/324-passing-data-to-javascript^0|7|S|0|0|X|A|0|7|1P|1|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|D|3|E|5|6|7|X|8|@$A|Y|B|Z|F|G]]|9|@]|C|$]]|$1|H|3|I|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]]|C|$]]|$1|J|3|-4|5|6|7|14|8|@]|9|@]|C|$]]]|K|$L|$5|M|N|O|C|$P|Q]]|R|$5|M|N|O|C|$P|S]]]]

Check out the gon gem. <a href="https://github.com/gazay/gon" rel="nofollow">https://github.com/gazay/gon</a>

It gives you a simple object you can pass variables to that will be available to your scripts via <code>window.gon</code>

Also referenced here
<a href="http://railscasts.com/episodes/324-passing-data-to-javascript" rel="nofollow">http://railscasts.com/episodes/324-passing-data-to-javascript</a>

blocks|key|1006664|text|1)您可以在erb模板中创建一个带有全局变量的js标记，之后您就可以从任何js文件中访问该变量|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1006665|<%25=+javascript_tag+do+%25>
+++window.productsURL+=+'<%25=+j+products_url+%25>';
<%25+end+%25>|code-block|syntax|javascript|1006666|2)可以将数据传递给erb模板中的data-attribute，通过js在客户端通过$('#products').data('products')的方式访问|offset|length|style|CODE|1006667|<%25=+content_tag+"div",+id:+"products",+data:+{products:+Product.limit(10)}+do+%25>
+++Loading+products...
<%25+end+%25>|1006668|3)您可以使用gon，在js中使用您的Rails变量|1006669|有一篇很好的文章，请阅读它，并为您的特定案例http://railscasts.com/episodes/324-passing-data-to-javascript提供很好的解决方案，更多评论在这里http://railscasts.com/episodes/324-passing-data-to-javascript?view=asciicast|1006670|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/gazay/gon|1|http://railscasts.com/episodes/324-passing-data-to-javascript|2|http://railscasts.com/episodes/324-passing-data-to-javascript?view=asciicast^0|0|0|16|V|0|0|7|3|0|0|M|1P|1|2S|24|2|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|16|8|@$I|17|J|18|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|19|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|1A|8|@]|9|@$I|1B|J|1C|1|1D]]|A|$]]|$1|Q|3|R|5|6|7|1E|8|@]|9|@$I|1F|J|1G|1|1H]|$I|1I|J|1J|1|1K]]|A|$]]|$1|S|3|-4|5|6|7|1L|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]|10|$5|V|W|X|A|$Y|11]]|12|$5|V|W|X|A|$Y|13]]]]

1) You may create a js tag with global variable in you erb template, after that you will be able to access that variable from any js file

<pre><code>&lt;%= javascript_tag do %&gt;
 window.productsURL = '&lt;%= j products_url %&gt;';
&lt;% end %&gt;
</code></pre>

2) You can pass data to data-attribute in erb template and access it by js on client side that way <code>$('#products').data('products')</code>

<pre><code>&lt;%= content_tag "div", id: "products", data: {products: Product.limit(10)} do %&gt;
 Loading products...
&lt;% end %&gt;
</code></pre>

3) You can use <a href="https://github.com/gazay/gon" rel="nofollow">gon</a>, to use your Rails variables in your js

There is a good article, read it and fine solution for your specific case
<a href="http://railscasts.com/episodes/324-passing-data-to-javascript" rel="nofollow">http://railscasts.com/episodes/324-passing-data-to-javascript</a>,
more comments are here <a href="http://railscasts.com/episodes/324-passing-data-to-javascript?view=asciicast" rel="nofollow">http://railscasts.com/episodes/324-passing-data-to-javascript?view=asciicast</a>

blocks|key|1006383|text|关于如何做到这一点，有几个不同的选择：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1006384|http://jing.io/t/pass-javascript-variables-to-rails-controller.html|offset|length|1006385|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1V|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

Here's a few different options on how to do it:

<a href="http://jing.io/t/pass-javascript-variables-to-rails-controller.html" rel="nofollow">http://jing.io/t/pass-javascript-variables-to-rails-controller.html</a>

blocks|key|1006569|text|这里最好的答案是正确的，这不是通过将javascript变量传递到erb部分来完成的，因为它是在服务器上呈现的，而不是在客户端。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1006570|但是，由于任何正在寻找解决方案的人都可能对解决方案感兴趣，而我在这里没有看到，所以我将发布这个与Rails+UJS和Turbolinks一起工作得很好的示例。|1006571|首先，将控制器设置为将部分作为HTML返回：|1006572|format.html+{+render+partial:+"new_expense"+}|code-block|syntax|javascript|1006573|接下来，用app/views/expenses/new_daily.js.erb编写一个javascript+AJAX函数|offset|length|style|CODE|1006574|var+i+=+parseInt($('#daily').attr('data-num'))+%2B+1;

$.ajax({
++url:+'/daily',
++type:+'GET',
++dataType:+'html',
++contentType:+"application/html",
++success:+function(response)+{+

++++++$('#daily').replaceWith(response)

++++++$('#daily').attr('data-num',+i);
++}
});|1006575|这将使您的Rails部分作为html片段，您可以使用它来替换呈现的页面的该部分。您可以使用jQuery获取data-num属性值，对其进行一些数学运算，替换视图中的部分，然后再次设置属性值。|1006576|您可能会问，为什么要不厌其烦地获取部分Rails并在页面上替换它，而不是只获取数据属性，对其进行数学运算，然后进行设置？答案是，这是最好的，也可能是唯一的方法，当使用UJS呈现部分Rails时，处理对操作的异步响应时，这是真正必要的事情。|1006577|如果您在create.js.erb模板中处理来自服务器的异步响应，那么您的变量(例如@daily)将不会反映请求完成后所做的工作(例如，如果已经在Sidekiq这样的后台服务器上进行了处理)。在这种情况下，您没有最新的操作响应变量可以传递到js.erb文件中的Rails+partial中，但是您也不能将javascript+data响应传递到partial中，正如这个问题所指出的那样。|1006578|据我所知，这种方法是在接收到对异步响应(未显示)的响应后获得完全最新的部分的唯一方法。这将使您获得最新的部分，允许您将javascript放入其中，并且足够灵活，几乎可以在任何用例中工作。|1006579|entityMap^0|0|0|0|0|5|Z|0|0|1H|8|0|0|4|D|3C|6|4J|4|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|13|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|14|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|15|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|16|8|@$M|17|N|18|O|P]]|9|@]|A|$]]|$1|Q|3|R|5|H|7|19|8|@]|9|@]|A|$I|J]]|$1|S|3|T|5|6|7|1A|8|@$M|1B|N|1C|O|P]]|9|@]|A|$]]|$1|U|3|V|5|6|7|1D|8|@]|9|@]|A|$]]|$1|W|3|X|5|6|7|1E|8|@$M|1F|N|1G|O|P]|$M|1H|N|1I|O|P]|$M|1J|N|1K|O|P]]|9|@]|A|$]]|$1|Y|3|Z|5|6|7|1L|8|@]|9|@]|A|$]]|$1|10|3|-4|5|6|7|1M|8|@]|9|@]|A|$]]]|11|$]]

The best other answers here are right that this can't be done by passing the javascript variable into an erb partial, since it is rendered on the server, not the client. 

But since anyone looking for this is probably interested in a work-around solution, which I don't see here, I will post this example that works well with Rails UJS and Turbolinks.

First, you set up your controller to return a partial as HTML:

<pre><code>format.html { render partial: "new_expense" }
</code></pre>

Next, write a javascript AJAX function in <code>app/views/expenses/new_daily.js.erb</code>:

<pre><code>var i = parseInt($('#daily').attr('data-num')) + 1;

$.ajax({
 url: '/daily',
 type: 'GET',
 dataType: 'html',
 contentType: "application/html",
 success: function(response) { 

 $('#daily').replaceWith(response)

 $('#daily').attr('data-num', i);
 }
});
</code></pre>

This is going to get your Rails partial as an html fragment that you can use to replace that part of your rendered page. You can use jQuery to get your <code>data-num</code> attribute value, do some math on it, replace the partial in your view, and then set the attribute value again.

You may ask why go to all the trouble of getting the Rails partial and replace it on the page, instead of just getting the data attribute, doing math on it, and setting that? The answer is that this is the best, and perhaps the only way of doing something which is really essential when rendering a Rails partial using UJS while handling an asynchronous response to an action.

If you are handling an asynchronous response from your server in a <code>create.js.erb</code> template, then your variables (@daily, for example) are not going to reflect the work done after the request has completed (for example, if there has been processing on a background server like Sidekiq). In that case you don't have up-to-date action response variables to pass into your Rails partial in the <code>js.erb</code> file, but you also can't pass the javascript <code>data</code> response into your partial, as pointed out in this question. 

As far as I know, this approach is the only way to get a fully up-to-date partial after receiving a response to an asynchronous response (not shown). This get you the up-to-date partial, allows you to get your javascript into it, and is flexible enough to work in pretty much any use case.

blocks|key|1006263|text|让我们互相理解一下。您的erb模板(new_daily.js.erb)将在服务器端处理，ruby代码将被评估(在<%25+%25>中)，所做的替换，然后生成的javascript将被发送到浏览器。在客户端，浏览器将计算这段javascript代码，变量i将被赋值。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1006264|现在，你想在什么时候传递这个变量，传递给哪个部分？|1006265|entityMap^0|I|G|1K|5|3E|1|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]|$9|M|A|N|B|C]|$9|O|A|P|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Q|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|R|8|@]|D|@]|E|$]]]|I|$]]

Let's make shure we understand each other. Your erb template (<code>new_daily.js.erb</code>) will be processed on the server side, ruby code will be evaluated (within <code>&lt;% %&gt;</code>), substitution made, and then resulting javascript will be sent to browser. On the client side the browser will then evaluate this javascript code and variable <code>i</code> will be assigned a value. 
Now when do you want to pass this variable and to what partial?

I have this Javascript view in my Rails 3 project:

app/views/expenses/new_daily.js.erb

<pre><code>var i = parseInt($('#daily').attr('data-num')) + 1;
//$('#daily').append('agrego fila ' + i + ' &lt;br /&gt;');

$('#daily').append('&lt;%= escape_javascript(render(partial: 'new_expense', locals: { i: i })) %&gt;');

$('#daily').attr('data-num', i);
</code></pre>

I want to pass my 'i' javascript variable to a ruby partial through locals, How I can accomplish this?

How to pass a javascript variable into a erb code in a js view?

服务器

jQuery

我的Rails 3项目中有这个Javascript视图：应用程序/视图/费用/new_daily.js.erbvar i = parseInt($('#daily').attr('data-num')) + 1;//$('#daily').append('agrego fila ' + i + ' ');$('#daily').append('<%= escape_javascript

问如何在js视图中将javascript变量传递到erb代码中？
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在js视图中将javascript变量传递到erb代码中？EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在js视图中将javascript变量传递到erb代码中？
EN