はじめに
Railsで取得したデータを使ってChart.jsでグラフ描画する等、Railsで扱っている変数をjsに受け渡す方法をメモφ(..)
↓イメージはこんな感じ
手順
概要
- 取得データをJSONに変換し、HTML要素の
data属性に設定(viewに埋め込む) - jsで設定した要素の
data属性の値を取得
RailsでViewに埋め込んだJSONをjavascript側でパースして受け取って、使用するイメージです(/･ω･)/
ソースコード
hoge.html.erb
<div id="tag_info" data-json="<%= current_user.favorite_tags_info.to_json %>" ></div>
hoge.js
tags = JSON.parse(document.getElementById('tag_info').dataset.json);
おまけ
gonというGemを使っても出来るらしいφ(..)
