Javascript、フォルダ内のファイルを読み取る

Question

私は大きなファイル形式 "json"を持っています。ブラウザでページを開くときにこの情報を使用する必要があります。唯一の解決策は、データを ".js"ファイル内の変数に配置することですが、5000行が出力されます。おそらく、データを読み取るオプションがありますか？フォルダ内のページを開きます

Answer 1

JSON.parse（）メソッドはJSON文字列を解析し、文字列で記述された JavaScript値またはオブジェクトを構築します。

からMDN

あなたのWebページをレンダリングするために、これらのオブジェクトが必要な場合は、/ Webアプリケーションは、あなたがブラウザにそれらを取得する必要があるとしています。 JSONを分解してください。小さくすることを忘れないでください。

希望のアーキテクチャは、XHRまたはfilesystem（実際にはユースケース/ローカルのみ）を使用して、必要に応じて必要なJSONを取得することだと思います。

Answer 2

データを直接取得したい場合は、データを.jsファイルに保存する必要があります。 .jsonファイルからこの.jsファイルを作成するビルドルールを記述することができます。

もう1つの解決策は、jsが.jsonの内容をフェッチして変数に格納できるようにするAjaxを使用することです。

Answer 3

あなたは、"import"に設定rel属性を持つ<link>要素を使用して取得し、JSONからjavascriptオブジェクトを作成するためにJSON.parse()にlink.import.body.textContentを渡すことができます。ファイルが配置されている

<script> 
 
    let json; 
 
    function handleJSON(link) { 
 
    json = JSON.parse(link.import.body.textContent); 
 
    } 
 
    window.onload = function() { 
 
    console.log(json) 
 
    } 
 
</script> 
 

 
<link id="json" rel="import" type="application/json" href="https://gist.githubusercontent.com/guest271314/ffac94353ab16f42160e/raw/aaee70a3e351f6c7bc00178eabb5970a02df87e9/states.json" onload="handleJSON(this)"/>