জাভাস্ক্রিপ্টে এক্সটার্নাল JSON ফাইল পড়া

মনে করুন, আমাদের একটি config.json ফাইল আছে যেটে নিচের ডেটা রয়েছে —

{ 
  "secret": "sfsaad7898fdsfsdf^*($%^*$", 
  "connectionString": 
  "mongodb+srv://username:password@cluster0.laaif.mongodb.net/events?retryWrites=tr 
  ue&w=majority", 
  "localConnectionString": 
  "mongodb+srv://username:password@cluster0.laaif.mongodb.net/eventsLocal?retryWrit 
  es=true&w=majority", 
  "frontendClient": "https://helloworld.com", 
  "localFrontendClient": "https://localhost:3000" 
}

এবং একই ডিরেক্টরিতে (ফোল্ডারে) আমাদের একটি জাভাস্ক্রিপ্ট ফাইল index.js আছে।

আমাদের কাজ হলো জাভাস্ক্রিপ্ট ফাইল থেকে JSON ফাইলের কনটেন্ট এক্সেস করা।

পদ্ধতি ১: require মডিউল ব্যবহার করে (শুধু NodeJS এনভায়রনমেন্টে)

আমরা require মডিউল ব্যবহার করে JSON ফাইল এক্সেস করতে পারি যদি আমরা NodeJS এনভায়রনমেন্টে জাভাস্ক্রিপ্ট ফাইল রান করি।

উদাহরণ

কোডটি নিচে দেওয়া হলো —

const configData = require('./config.json'); 
console.log(typeof configData); 
console.log(configData);

পদ্ধতি ২: ES6 import মডিউল ব্যবহার করে (শুধু ওয়েব রানটাইম এনভায়রনমেন্টে)

যদি আমরা ব্রাউজারে জাভাস্ক্রিপ্ট রান করার সময় JSON ফাইল এক্সেস করতে চাই, তবে ES6 import সিন্ট্যাক্স ব্যবহার করতে পারি।

উদাহরণ

কোডটি নিচে দেওয়া হলো —

HTML ফাইল:

জাভাস্ক্রিপ্ট ফাইল:

import configData from './config.json'; 
document.getElementById('main').innerHTML = JSON.stringify(configData);

আউটপুট

আউটপুট হবে —

{ 
  secret: 'sfsaad7898fdsfsdf^*($%^*$', 
  connectionString: 
  'mongodb+srv://username:password@cluster0.laaif.mongodb.net/events?retryWrites=tr 
  ue&w=majority', 
  localConnectionString: 
  'mongodb+srv://username:password@cluster0.laaif.mongodb.net/eventsLocal?retryWrit 
  es=true&w=majority', 
  frontendClient: 'https://helloworld.com', 
  localFrontendClient: 'https://localhost:3000' 
}