如何将本地 json 文件数据导入我的 JavaScript 变量？

Question

我在employees.json 中有数据如何获取这些数据并将其分配给main.js 中的变量？

Answer 1

您可以简单地require该文件。

const data = require("./data.json");

这是一个适用于您的工作示例： https : //codesandbox.io/s/festive-rgb-75z4o/在React 。 Lmk 如果你有任何疑问。

Answer 2

使用以下代码在主 js 文件中导入 json 数据。 所以你的 main.js 文件看起来像：

const employees = require('./employees.json');

现在您可以使用包含 json 数据的员工变量。

Answer 3

如果你使用Babel ，你可以使用这个：

import * as data from './employees.json';
const employees = data;

您可以使用 js 文件使用另一种方法。

员工.js

export default
{
  // your json here...
}

进而：

import data from '../employees.js'

Answer 4

这可能会有所帮助，使用 Fetch API：

fetch("employees.json")
     .then(response => response.json())
      .then(json => data = (json));