htmlタグからjsonファイルを読み込んで構文解析する方法

私は、 `application/json '型のスクリプトタグを持つhtmlファイルをいくつか持っています。別のファイルにあるjavascriptコードでそのjsonを読み込もうとしています。 html。しかし、私はjQueryの例しか見つけられません。純粋なjavascriptでそれをやりたいのです。ここでhtmlタグからjsonファイルを読み込んで構文解析する方法

はjqueryの上の例である：

<script id="myJson" type="application/json"> 
{ 
    name: 'Foo' 
} 
</script> 

<script type="text/javascript"> 
    $(function() { 
     var x = JSON.parse($('#myJson').html()); 
     alert(x.name); //Foo 
    }); 
</script>

私のコード：

<script src="Game.js"></script> 
<script type="application/json" id="data"> 
{'name':'foo'} 
</script>

Javascriptコード：

var json_file = JSON.parse(document.getElementById('data'));

出典

2016-10-01 Gigalala

なぜダウン票を使用することができますか？私が間違っていたことを知っているので、説明してください。 – Gigalala

あなたが書いたjsonはちょうどjavascriptです。通常のスクリプトタグを使って、ウィンドウに変数を公開するのはなぜですか？ – synthet1c

あなたはhtml要素でJSONを埋め込みたい場合は、Element.dataset

window.onload = function() { 
 
    console.log(JSON.parse(document.getElementById("myJson").dataset.json)) 
 
}

<script id="myJson" type="text/plain" data-json='{"name":"Foo"}'></script>

出典

2016-10-01 19:30:12 guest271314

htmlタグからjsonファイルを読み込んで構文解析する方法

関連する問題