Javascript 什么'；这是在浏览器中加载json文件的正确方法

我已经构建了一个节点库，加载json文件，如下所示

var FILE_PATH = path.join(
  __dirname,
  '../data/data.json'
);

function loadMyJsonFile() {
  return JSON.parse(
    fs.readFileSync(
      FILE_PATH,
      constants.DEFAULT_ENCODING
    )
  );
}

代码在服务器端运行良好。 在浏览器中执行函数时，我在Chrome控制台中看到此错误

Uncaught TypeError: fs.readFileSync is not a function

我在谷歌上搜索了一下，我想我不能在浏览器代码中使用

fs

。

---

在浏览器中加载json文件的正确方法是什么

该data.json的可能副本本质上是您的计算机本地的，因此当服务器运行时，它可以很好地加载该数据。现在在客户端，当他们请求一个带有fs的文件时，这就不再有意义了。您需要有一种通过单独的HTTP请求向客户端提供文件的方法。除非网页本身是文件URL，否则无法在浏览器中直接读取文件，因此，您通常会将JSON文件放在web服务器上，该服务器将在特定的URL上提供JSON文件，然后在浏览器中使用Ajax调用来获取该文件。该数据的可能副本。JSON是您计算机的本地数据，因此当服务器运行时，它可以很好地加载该文件。现在在客户端，当他们请求一个带有fs的文件时，这就不再有意义了。您需要有一种通过单独的HTTP请求向客户端提供文件的方法。除非网页本身是文件URL，否则无法在浏览器中直接读取文件，因此您通常会将JSON文件放在web服务器上，该服务器将以特定URL提供该文件，然后在浏览器中使用Ajax调用获取该文件。