GonというGemを使ってRailsからJavascriptに値を渡す

RailsからJavascriptに値を渡す方法です。

インストール

インストールはbunlderを使います。

gem 'gon'

使い方

設定

htmlのheadタグの中で以下の呼び出しをします。

Gon::Base.render_data

こうすると以下のようにレンダリングされます。

<script>
//<![CDATA[
window.gon={};
//]]>
</script>

controllerから値を渡す

controllerではgonという変数のプロパティーに値をセットします。

gon.value = 1

js上でも以下のように値を受け取れます。

配列を渡す事もできます。

gon.value = [1, 2, 3]

hashも受け渡し可能です。

gon.value = { a: 1, b: 2 }