我将如何将 json 文件放入 javascript 中？

Question

我对 javascript 非常陌生，所以假设我什么都不知道。我正在尝试将此 json 文件导入我的网站，但在运行时遇到了问题。目前，我正在尝试 jquery 的 $.getJSON() 方法，但它 returns 的错误代码为：

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at file:///C:/Users/edgib102/Documents/GitHub/First-Website/data.json. (Reason: CORS request not http).

我尝试在网上查找有关它的信息，但没有找到有用的信息，所以我来了。任何帮助都将不胜感激，我已经坚持了 2 天了，这让我的进步停滞不前。

Github

Answer 1

这个问题是因为安全问题。由于安全原因，您不能将 Json 文件导入您的代码，因为它包含可能对网站产生某些影响的数据。

您的错误是由于：

<script type="text/javascript" src="data.json"></script>

您可以使用 Jquery 和 ajax 导入它。

第一步：使用jqueryCDN

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"> </script>

第 2 步：

$.getJSON('dataenter code here.json', function(data) {
    //do stuff with your data here
});

祝你好运:)

Answer 2

您不能在脚本标签中导入 JSON 文件
您不能 AJAX 来自文件系统的 JSON 文件 - 如果您可以将文件上传到同一网络服务器（可以是本地运行服务器），那么你可以 AJAX 它 - 注意如果服务器有不同的 ORIGIN（例如端口号）
，服务器需要发送正确的 CORS headers

或者将 JSON 文件更改为 JS 文件：

const data = { "object-data": { 
    your data 
  }
};

然后使用

导入

<script src="data.js"></script>

我将如何将 json 文件放入 javascript 中？

How would I go about getting a json file into javascipt?

javascript

import

jquery

json