我在服务器中生成了这个 JSON 文件，我想让它在客户端上可以访问，因为页面是可见的。基本上我想要实现的是：
我在我的 html 文档中声明了以下标签：
<script id="test" type="application/json" src="http://myresources/stuf.json">
其来源中引用的文件具有 JSON 数据。正如我所见，数据已下载，就像脚本中发生的一样。
现在，我如何在 Javascript 中访问它？我已经尝试使用 jQuery 和不使用 jQuery 访问脚本标记，使用多种方法来尝试获取我的 JSON 数据，但不知何故这不起作用。入门它innerHTML会工作了JSON数据被脚本编写的内联。它不是，也不是我想要实现的目标。
如果您想提出建议，则页面加载后的远程 JSON 请求也不是一种选择。
你不能像那样加载 JSON，抱歉。
我知道你在想“为什么我不能src在这里使用？我见过这样的东西......”：
<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>
...简单地说，这只是脚本标签被“滥用”为数据持有者。你可以用各种数据来做到这一点。例如，许多模板引擎利用脚本标签来保存模板。
您有一个从远程文件加载 JSON 的简短选项列表：
$.get('your.json')或其他一些这样的 AJAX 方法。最后一点：
如果您想提出建议，则页面加载后的远程 JSON 请求也不是一种选择。
……没有意义。AJAX 请求和浏览器在处理您的请求时发送的请求之间的区别<script src="">本质上没有什么区别。他们都会对资源执行 GET。HTTP 不关心它是否因为脚本标记或 AJAX 调用而完成，您的服务器也不会。
另一种解决方案是使用服务器端脚本语言并简单地包含 json-data 内联。这是一个使用 PHP 的示例：
<script id="data" type="application/json"><?php include('stuff.json'); ?></script>
<script>
var jsonData = JSON.parse(document.getElementById('data').textContent)
</script>
上面的例子使用了一个额外的 script 标签，类型为application/json。一个更简单的解决方案是将 JSON 直接包含到 JavaScript 中：
<script>var jsonData = <?php include('stuff.json');?>;</script>
带有额外标签的解决方案的优点是 JavaScript 代码和 JSON 数据彼此分开。
看起来这是不可能的，或者至少不支持。
从HTML5 规范：
当用于包含数据块（与脚本相对）时，数据必须嵌入 inline，必须使用 type 属性给出数据格式，不得指定 src 属性，并且脚本元素的内容必须符合到为所使用的格式定义的要求。
虽然目前无法使用script标签，但iframe如果它来自同一域，则可以使用。
<iframe
id="mySpecialId"
src="/my/link/to/some.json"
onload="(()=>{if(!window.jsonData){window.jsonData={}}try{window.jsonData[this.id]=JSON.parse(this.contentWindow.document.body.textContent.trim())}catch(e){console.warn(e)}this.remove();})();"
onerror="((err)=>console.warn(err))();"
style="display: none;"
></iframe>
要使用上述内容，只需将idandsrc属性替换为您需要的内容。在id（我们将在这种情况下，假定等于mySpecialId）将被用于存储数据的window.jsonData["mySpecialId"]。
换句话说，对于每个具有id和 使用onload脚本的iframe，都会将该数据同步加载到指定window.jsonData下的对象id中。
我这样做是为了好玩并表明它是“可能的”，但我不建议使用它。
这是使用回调的替代方法。
<script>
function someCallback(data){
/** do something with data */
console.log(data);
}
function jsonOnLoad(callback){
const raw = this.contentWindow.document.body.textContent.trim();
try {
const data = JSON.parse(raw);
/** do something with data */
callback(data);
}catch(e){
console.warn(e.message);
}
this.remove();
}
</script>
<!-- I frame with src pointing to json file on server, onload we apply "this" to have the iframe context, display none as we don't want to show the iframe -->
<iframe src="your/link/to/some.json" onload="jsonOnLoad.apply(this, someCallback)" style="display: none;"></iframe>
在 chrome 中测试，应该在 Firefox 中工作。不确定 IE 或 Safari。
我同意本。您无法加载/导入简单的 JSON 文件。
但是，如果您绝对想这样做并且可以灵活地更新 json 文件，则可以
我的-json.js
var myJSON = {
id: "12ws",
name: "smith"
}
索引.html
<head>
<script src="my-json.js"></script>
</head>
<body onload="document.getElementById('json-holder').innerHTML = JSON.stringify(myJSON);">
<div id="json-holder"></div>
</body>