gonを使って、railsの変数をJSに渡す

gonとは?

Railsアプリケーション側で定義した変数をJSに渡すためのGemです。

gonをインストー

gem `gon`

$ bundle install

gonをincludeする

app/views/layouts/application.html.erbに以下のコードを追記します。

<%= include_gon %>

controllerでRailsの変数をJSで使える変数に渡す

gon.hoge = "ほげほげ"

このようにgon.変数名とすることで、JS側で利用できる変数を定義することができます。

ブラウザで変数を確認

chrome検証画面のコンソールからconsole.log(gon.hoge)で確認してみましょ