將JSON文件導入到JavaScript函數

是否可以將JSON文件導入到JavaScript函數中？如果是的話，這怎麼能做到最好的實踐方式呢？將JSON文件導入到JavaScript函數

下面是我的代碼與幾個json行，它是瘋狂的有一百萬行硬編碼在函數中。

<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>

來源

2017-04-10 Don Pislik

嘗試[JSON.parse]（https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse） –

你可以這樣做：

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

，然後你可以遍歷通常在Javascript。

查看codepen。它顯然在前端工作，問題可能在後端。

來源

2017-04-10 04:06:35

嗯，不確定，但是，這是我的JSON文件，items.json :( –

@DonPislik你是否成功地將json從你的視圖傳遞到你的模板？先試着在你的html中檢查你的json，看看它是否工作。{{yourJsonSentFromView}}。 –

@DonPislik檢查出codepen，它清楚地表明它的工作原理。 –

將JSON文件導入到JavaScript函數

回答

相關問題