ローカルのjsonファイルを読み込んでその結果を変数に代入する

Question

私はjsonファイルを破ることに問題がありますが、今はどこに問題がないのですか。

<script type="text/javascript"> 
var d; 
$.getJSON("empl-estab.json", function (data) { 
d=data; 
}); 
console.log(d); 
var chart = Highcharts.chart('container', { 
title: { 
         text: 'Statistiques' 
        }, 
        subtitle: { 
         text: 'Plan' 
        }, 
        xAxis: { 
         categories: d.categories, 
        }, 
        series: [{ 
          type: 'column', 
          colorByPoint: true, 
          data: d.data, 
          showInLegend: false 
         }] 

       }); 
</script> 

エラーがある：DはgetJSONのcallback関数内response結果に関連するすべてのコード未定義

Answer 1

場所です。これは、リクエストが完了する前にすべてのコードが実行されているために起こります。したがって、dは未定義です。

var d; 
$.getJSON("empl-estab.json", function (data) { 
    d=data; 
    console.log(d); 
    var chart = Highcharts.chart('container', { 
    title: { 
     text: 'Statistiques' 
    }, 
    subtitle: { 
     text: 'Plan' 
    }, 
    xAxis: { 
     categories: d.categories, 
    }, 
    series: [{ 
      type: 'column', 
      colorByPoint: true, 
      data: d.data, 
      showInLegend: false 
     }] 

    }); 
}); 

Answer 2

これは、GET要求の非同期性によるものです。あなたが書いたコードは、GETリクエストが返る前にconsole.logステートメントを実行しました。ドキュメントが返された後に実行されるコールバック関数にロジックを配置する必要があります。

Answer 3

また、async function変数内で問題なくダウンロードを待つことができます。

async function load() { 
    //The await keyword will make the d variable wait for the json file 
    var d = await fetch('empl-estab.json').then(file => file.json()); 

    //Now your d variable is avaliable 
    console.log(d);  
} 
load();