読者です 読者をやめる 読者になる 読者になる

しめ鯖日記

swift, iPhoneアプリ開発, ruby on rails等のTipsや入門記事書いてます

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上でも以下のように値を受け取れます。

f:id:llcc:20160216225053p:plain

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

gon.value = [1, 2, 3]

f:id:llcc:20160216225209p:plain

hashも受け渡し可能です。

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

f:id:llcc:20160216225300p:plain