Can't set Javascript variable to Ruby variable value

Question

I have a Ruby variable:

@json = [{"lat":37.8690058,"lng":-122.2555342},{"lat":37.8739362,"lng":-122.2653001},{"lat":37.8701101,"lng":-122.2578559}]

When I try:

<script type="text/javascript" charset="utf-8">

   var test = <%= @json %>
   console.log(test);

</script>

Firebug tells me:

invalid property id
var test = [{&quot;lat&quot;:37.869005...707408,&quot;lng&quot;:-122.2545767}]

How can I set the variable successfully?

As you can see, Rails escapes output unless you tell it not to. Try <%= raw @json => — danneu
– danneu, Commented Dec 2, 2012 at 21:08

Community · Accepted Answer · 2017-05-23 12:34:26Z

3

Seems like your JSON quotes are being replaced with HTML entities. Try using .html_safe

var test = <%= @json.html_safe %>

If that doesn't solve it have a look in this other post as I'm no ruby expert,

Don't escape html in ruby on rails

edited May 23, 2017 at 12:34

CommunityBot

11 silver badge

answered Dec 2, 2012 at 20:58

lostsource

22k9 gold badges71 silver badges90 bronze badges

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

4 Comments

Jonathan Over a year ago

Huh? Well, that's why I put <%= ... %> to make it recognizable to JS. Or do you mean something else?

tokland Over a year ago

@JonathanChen: is @json a string or a hash?

Jonathan Over a year ago

@tokland: I believe it is a hash.

tokland Over a year ago

@JonathanChen: you believe? is your code! :-) anyway, {"key": value} is not a Ruby Hash. :key => value} or key: value}` are. Check my answer, if @json a Ruby hash, you need to_json.

tokland · Accepted Answer · 2012-12-02 23:11:38Z

1

Assuming @json is a Ruby object:

<%= javascript_tag do %>
  var test = <%= @json.to_json.html_safe %>;
<% end %>

edited Dec 2, 2012 at 23:11

answered Dec 2, 2012 at 21:26

tokland

68.2k13 gold badges151 silver badges174 bronze badges

1 Comment

kbridge4096 Over a year ago

Yes, .to_json is necessary here.

Collectives™ on Stack Overflow

Can't set Javascript variable to Ruby variable value

2 Answers 2

4 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related