Jon*_*nas 71 javascript json script-tag
我有一个动态生成的页面,我想使用静态JavaScript并将JSON字符串作为参数传递给它.我已经看到了Google使用的这种方法(请参阅Google的+1按钮:他们是如何做到的？).
但是我应该如何从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:")
})
c-s*_*ile 138
我会将脚本声明更改为:
<script id="data" type="application/json">{"org": 10, "items":["one","two"]}</script>
注意类型和id字段.之后
var data = JSON.parse(document.getElementById('data').innerHTML);
将在所有浏览器中正常工作.
的type="application/json"需要,以防止浏览器解析它,而加载.
Jon*_*nas 13
我最终得到这个JavaScript代码独立于jQuery.
var json = document.getElementsByTagName('script');
var myObject = JSON.parse(json[json.length-1].textContent);
小智 5
读取正在<script id="myJSON">使用的JSON
var manifest= document.getElementById('myJSON').innerHTML; //sets manifest to the text in #myJSON
manifest= JSON.parse(manifest) //Converts text into JSON
您还可以使用方法来指向脚本，例如document.scripts[0]
var manifest= document.getElementById('myJSON').innerHTML; //sets manifest to the text in #myJSON
manifest= JSON.parse(manifest) //Converts text into JSON
//var manifest= JSON.parse(document.getElementById('myJSON').innerHTML); /*Shortend of 2&3*/
var manifest= document.getElementById('myJSON').innerHTML; //Gets text in #myJSON
manifest= JSON.parse(manifest) //Converts it into JSON
document.getElementById('test').innerHTML= manifest.name+ '<br/>'+ manifest.otherOptions; //Displays it
console.log('manifest')
console.log(manifest);