Passing ruby variable to js

Question

How to pass ruby variable to JavaScript function. Here the ruby variable is an active record object.

= label = @label // active record object
- @x = 5

= javascript_tag "alert(#{ j(@x.to_json)});" // Working
= javascript_tag "proj.app.custom(#{ j(label.to_json)})" // Not working

proj.app.custom is a javascript function.

proj.app.custom = function(param) {
};

I am getting the following error

Uncaught SyntaxError: Invalid or unexpected token

What is label? Does label.inspect.to_s return something that looks like what proj.app.custom would accept? What is proj.app.custom and what parameters does it expect? — spickermann
– spickermann, Commented May 10, 2018 at 14:24
"How to pass ruby variable to JavaScript function" - you already know (your example with @x). — Sergio Tulentsev
– Sergio Tulentsev, Commented May 10, 2018 at 14:26
What is the resulting rendered markup from the "not working" javascript_tag? — Sergio Tulentsev
– Sergio Tulentsev, Commented May 10, 2018 at 14:32

nathanvda · Accepted Answer · 2018-05-10 16:05:06Z

1

Not sure what label contains, but if you want to pass a json you should not escape it:

= javascript_tag "proj.app.custom(#{label.to_json})"

answered May 10, 2018 at 16:05

nathanvda

50k14 gold badges120 silver badges140 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alex Dovzhanyn · Accepted Answer · 2018-05-10 15:50:23Z

0

Why not just do:

= javascript_tag "proj.app.custom(#{ j(@label.to_json)})"

I have a feeling that your assignment of = label = @label above isn't valid.

answered May 10, 2018 at 15:50

Alex Dovzhanyn

1,0466 silver badges15 bronze badges

1 Comment

nathanvda Over a year ago

It looks weird, but it is valid :) It will just display the result of the assignment on the page.

Collectives™ on Stack Overflow

Passing ruby variable to js

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related