2017-04-10 8 views
0

JSONファイルをJavaScript関数にインポートすることはできますか?はいの場合、どのようにこれをベストプラクティスの方法で行うことができますか?JSONファイルをJavaScript関数にインポートする

以下は、私のコードにいくつかのjson行があり、関数にハードコードされた100万行を持つのは賢明ではありません。

var availableTags = JSON.parse("{{ context|escapejs }}"); 

をし、その後、あなたは通常、JavaScriptでループを超えることができます:

<script> 
 
    $(function() { 
 
    var availableTags = [ 
 
     "ActionScript", 
 
     "AppleScript", 
 
     "Asp", 
 
     "BASIC", 
 
     "C", 
 
     "C++", 
 
     "Clojure", 
 
     "COBOL", 
 
     "ColdFusion", 
 
     "Erlang", 
 
     "Fortran", 
 
     "Groovy", 
 
     "Haskell", 
 
     "Java", 
 
     "JavaScript", 
 
     "Lisp", 
 
     "Perl", 
 
     "PHP", 
 
     "Python", 
 
     "Ruby", 
 
     "Scala", 
 
     "Scheme" 
 
    ]; 
 
    $("#tags").autocomplete({ 
 
     source: availableTags 
 
    }); 
 
    }); 
 
    </script>

+1

try [JSON.parse](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse) –

答えて

0

あなたはこれを行うことができます。

codepenをチェックしてください。それは明らかにフロントエンドで動作し、問題はバックエンドにある可能性があります。

+0

hmmm、それはまだわかりませんが、私のJSONファイル、items.json :( –

+0

@DonPislikあなたのビューからjsonをテンプレートに正常に渡していますか?htmlの最初にjsonが動作しているかどうかを調べてみてください。{{yourJsonSentFromView}} –

+0

@DonPislikそれが動作することを明確に示しています。 –

関連する問題