JavaScript で外部のローカル JSON ファイルを読み取るにはどうすればよいでしょうか? 質問する

JavaScript で外部のローカル JSON ファイルを読み取るにはどうすればよいでしょうか? 質問する

ローカル システムに JSON ファイルを保存し、JSON ファイルを読み取ってデータを出力するための JavaScript ファイルを作成しました。JSON ファイルは次のとおりです。

{"resource":"A","literals":["B","C","D"]}

これが JSON ファイルのパスだとします: /Users/Documents/workspace/test.json

JSON ファイルを読み取って JavaScript でデータを印刷する簡単なコードを書くのを手伝ってくれる人はいませんか?

ベストアンサー1

JavaScript を使用して外部のローカル JSON ファイル (data.json) を読み取るには、まず data.json ファイルを作成します。

data = '[{"name" : "Ashwin", "age" : "20"},{"name" : "Abhinandan", "age" : "20"}]';

それから、

  1. スクリプトソースにJavaScriptファイルと一緒にjsonファイルのパスを記載します。

     <script type="text/javascript" src="data.json"></script>
     <script type="text/javascript" src="javascript.js"></script>
    
  2. jsonファイルからオブジェクトを取得する

     var mydata = JSON.parse(data);
     alert(mydata[0].name);
     alert(mydata[0].age);
     alert(mydata[1].name);
     alert(mydata[1].age);
    

おすすめ記事