javascript - JSONファイルからJavaScriptへのオブジェクトのロード

Question

オブジェクトがjsonファイルで利用可能な場合、オブジェクトをjavascriptにロードするにはどうすればよいですか?

HTMLに次のスクリプトがあります。

<script src='scene.json'></script>
<script>
  var x = scene.x;
</script>

そして、これは同じフォルダーにあるファイル scene.json です。

{"scene": {
  "x": 0,
  "y": 0,
  "w": 11000,
  "h": 3500,
}}

しかし、json ファイルが正しく読み込まれておらず (予期しないトークン ':')、scene.x 参照もおそらく適切な方法ではありません。データを直接参照することはできますか？それとも、何らかの http リクエストでロードする必要がありますか?

score 24 · Accepted Answer

これを JavaScript に変更します。

var scene = {
  "x": 0,
  "y": 0,
  "w": 11000,
  "h": 3500
};

または、jQuery api と関数getJSONを使用します

<script>
  var scene={};
  $.getJSON('scene.json', function(data) { 
    scene=data;
  }); 
</script>

score 3 · Accepted Answer

jsonデータを次のような1つの変数に設定します

data =  {"scene": {
  "x": 0,
  "y": 0,
  "w": 11000,
  "h": 3500
}
}

次に、次のようにアクセスします

data.scene.x //it will give 0

3 に答える 3