如何從html標籤中讀取和解析json文件

我有一個類似`application/json'類型的腳本標籤的html文件，我正嘗試閱讀那個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

相關問題