Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Import file JSON cục bộ vào biến JavaScript


Có file employees.json cùng thư mục với file JS, muốn import nội dung.

Nội dung 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" } ] }

Hai cách truy cập:

1. Dùng require (Node.js)

const data = require('./employees.json'); console.log(data);

2. Dùng fetch (Browser/Web)

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

Lưu ý: require sync, phù hợp Node. fetch async, chỉ chạy trong browser (hoặc Node 18+ với global fetch). JSON phải hợp lệ (key trong ngoặc kép).

Kết quả console

{ 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' } ] }