JSONファイルをMiddlemanデータフォルダに解析し、Javascriptファイルを配列として返します

Question

申し訳ありませんが、これは超基本的なもので、私は仲間newbですが、私のデータフォルダ内のJSONファイルを取得しようとしていますJavascriptファイル（jQueryを使用しています）を作成し、SoundManager2に使用します。

私は答えを探してインターネットのまわりの私の研究を行って、そしてここで私が持っているところだき

：

私のJSONファイルをデータフォルダ内の仲介

{ 
    "sound": [ 
    { 
    "name": "Holidead", 
    "url": "https://dl.dropboxusercontent.com/u/80054631/music/Holidead.mp3" 
    }, 
    { 
    "name": "Where Did It All Go", 
    "url": "https://dl.dropboxusercontent.com/u/80054631/music/Where%20Did%20It%20All%20Go_1.mp3" 
    }, 
    { 
    "name": "When We Ride", 
    "url": "https://dl.dropboxusercontent.com/u/80054631/music/When%20We%20Ride.mp3" 
    } 
    ] 
} 

のために次にconfig.rbに、私は、ファイルの一番下にこれをやって試してみた：

string = File.read('data/soundlist.json') 
json = JSON.parse(string) 

だから私の質問は、私はjquerでJSONファイルを読むためのJavascriptファイルでconfig.rbで解析を接続しない方法ですy Ajax？データを配列に変換し、URLを使用してSoundManager2でサウンドを再生したいとします。 RubyファイルとJSファイルの間にいくつかのステップがありません。

Answer 1

私はRubyファイルとJSファイルの間にいくつかのステップがありません。

正確に！ file-name.js.erbファイルが処理されます。中間ファイルで処理されるファイルは、.html.erbとして処理されます。すなわち、

<%= %> 

で何かが

を評価されますconfig.rb

string = File.read('data/soundlist.json') 
config[:json] = JSON.parse(string) 

でこれを入れてファイル名を持つ拡張子.js.erbを持っています。 json-data.js.erb

var json_data = <%= config[:json] %>; 
console.log('json_data'); 

は、今あなたがbuild/json-data.jsをチェックすると

middleman build 

を使用してプロジェクトをビルドすると言う、あなたは変数json_dataはJSON値を持って見ることができます。