2016-09-23 8 views
-1

私は、Mapplic jQueryプラグインを使用して、Railsのビルディングのための簡単な道案内アプリケーションを構築しています。jQuery経由でJSONファイルを呼び出す方法は?

$('#floor-5').mapplic({ 
    source: 'floor-5.json', 
    height: 1000, 
    minimap: false, 
    sidebar: true, 
    hovertip: true, 
    developer: false, 
    maxscale: 3 
}); 

私はapp/assets/json/floor-5.jsonでJSONファイルを持っている:

スクリプトは、それはそうのような呼び出しをJSONファイルを期待しています。

私は、jQueryスクリプトがAjaxを使用しようとしていると思いますが、これはRailsで問題があると認識しています。

JSファイルとCSSファイルはすべてアセットパイプライン経由で適切に呼び出されていますが、アセットパイプライン経由で必要なJSONファイルに正しくアクセスする方法がわかりません。

JSONファイルは、それがAJAX経由で使用したい画像をロードします。

{ 
    "mapwidth":"1080", 
    "mapheight": "1000", 
    "levels": [ 
    { 
     "id" : "floor-5", 
     "map" : "/assets/images/floor-5.png", 
     "minimap" : "/assets/images/floor-5.png" 
     } 
    ] 
} 

は、どのように私はこれらのAJAXは、資産のパイプラインを呼び出す和解のですか?

+1

AJAXはどのようにRailsに問題がありますか?この質問に迷ってしまった。静的ファイル内のJavaScriptオブジェクトを参照しようとしていますか? –

+0

NickM、この特定のjQueryプラグインがどのようにファイルを参照しているのかを理解するのに苦労していますが、Railsのアセット・パイプライン内で私にとって意味をなさないものです。だから私は質問を策定するのが難しくなります。 jQueryはAJAXを使用してソースJSONファイルを参照するビューにあり、JSONファイルはAJAXでイメージファイルを再度参照しています。これは私には馴染みのない構造であり、私はそれについて心を包むことはできません。私はこれを想定どおりに動作させることができません。DOMに画像をロードし、いくつかのコントロールを追加してイメージを上書きする必要があります。 – Allen

+0

更新:解決済み。問題はAJAXではなく、無効なJSONでした。私はこのJSONバリデータを使用し、エラーを修正しました:https://jsonformatter.curiousconcept.com/ – Allen

答えて

0

無効なJSONがある可能性があります。アセットがすべてRailsアセットパイプライン内の正しいフォルダにある場合、RailsはAJAXを使用してそれらのファイルを見つけることに問題はありません。しかし、無効なJSONを持っていると、ファイルをまったく読み込めない場合と同じエラーがスローされます。 JSONバリデータを使用して問題が解決するかどうか確認してください:https://jsonformatter.curiousconcept.com/

関連する問題