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

Question

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

Answer 1

您可以简单地require该文件。

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

这是一个适合您的示例：React中的https://codesandbox.io/s/festive-rgb-75z4o/。如果您有任何疑问，请告诉我。

Answer 2

使用以下代码将json数据导入主js文件中。因此您的main.js文件如下所示：

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

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

Answer 3

如果您使用 Babel ，则可以使用此功能：

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

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

employees.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));