如何从JavaScript读取脚本标签中的JSON？

小编典典

如何从JavaScript读取脚本标签中的JSON？

json

我有一个动态生成的页面，我想在其中使用静态JavaScript，并向其传递JSON字符串作为参数。我已经看到Google使用了这种方法。

但是，我应该如何从JavaScript中读取JSON字符串？

<html>
  <head>
    <script src="jquery-1.6.2.min.js"></script>
    <script src="myscript.js">{"org": 10, "items":["one","two"]}</script>
  </head>
  <body>
    Hello
  </body>
</html>

在此JavaScript中，我想使用{"org": 10, "items":["one","two"]}HTML文档中的JSON参数。我不知道是否最好使用jQuery。

$(function() {
    // read JSON

    alert("the json is:")
})

阅读 301

2020-07-27

共1个答案

小编典典

我将脚本声明更改为：

<script id="data" type="application/json">{"org": 10, "items":["one","two"]}</script>

注释类型和ID字段。之后

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

在所有浏览器中都可以正常工作。

的type="application/json"需要，以防止浏览器解析它，而加载。

2020-07-27