Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies如何将本地 json 文件数据导入我的 JavaScript 变量？
我们在一个目录中有一个 employee.json 文件，在同一目录中我们有一个 js 文件，我们希望在其中导入 json 文件的内容。
employees.json 的内容 -
employees.json
"Employees" : [ { "userId":"ravjy", "jobTitleName":"Developer", "firstName":"Ran","lastName":"Vijay", "preferredFullName":"Ran Vijay","employeeCode":"H9","region":"DL","phoneNumber":"34567689", "emailAddress":"ranvijay.k.ran@gmail.com" }, { "userId":"mrvjy","jobTitleName":"Developer","firstName":"Murli","lastName":"Vijay", "preferredFullName":"Murli Vijay","employeeCode":"A2","region":"MU", "phoneNumber":"6543565","emailAddress":"murli@vijay.com" } ] }
我们可以使用以下两种方法之一来访问 json 文件 -
使用 require 模块
使用 require 模块访问 "employees.json" 的代码 -
const data = require('./employees.json');
console.log(data);使用获取函数
使用 获取函数 访问 "employees.json" 的代码 -
fetch("./employees.json")
.then(response => {
return response.json();
})
.then(data => console.log(data));注意 - 虽然第一个函数更适合节点环境，但第二个函数只在 web 环境中工作，因为获取 API 只能在 web 环境中访问。
在使用 require 或获取函数运行上述任何一个函数后，控制台输出如下 -
{ Employees: [ { userId: 'ravjy', jobTitleName: 'Developer', firstName: 'Ran', lastName: 'Vijay', preferredFullName: 'Ran Vijay', employeeCode: 'H9', region: 'DL', phoneNumber: '34567689', emailAddress: 'ranvijay.k.ran@gmail.com' }, { userId: 'mrvjy', jobTitleName: 'Developer', firstName: 'Murli', lastName: 'Vijay', preferredFullName: 'Murli Vijay', employeeCode: 'A2', region: 'MU', phoneNumber: '6543565', emailAddress: 'murli@vijay.com' } ] }
更新于： 12-Sep-2023
33K+ 查看
广告