JSON مخفف JavaScript Object Notion است. برای به اشتراک گذاری داده ها بین سرورها و کلاینت ها استفاده می شه. در جاوا اسکریپت امکان بارگذاری فایل های JSON وجود داره.

در این مقاله به نحوه بارگذاری فایل های JSON خواهیم پرداخت.

فایل JSON زیر را در نظر بگیرید.

{
   "Students" : [
      {
         "firstName":"Ram","lastName":"Sharma"
      }
  ]
}

روش 1 ) بارگیری فایل های JSON با استفاده از تابع  require() 
در جاوا اسکریپت می توانیم از متد ()require برای بارگذاری فایل ها و ماژول ها استفاده کنیم. مسیر فایل رو بهش میدیم که در آن ذخیره شده است. 
با کمک تابع console.log() داده ها را در سرور بارگذاری کرده و نمایش می دهد.

مثلا،

const jsonData= require('./students.json'); 
console.log(jsonData);

خروجی

{
   "Students" : [
      {
         "firstName":"Ram","lastName":"Sharma"
      }
  ]
}

روش 2 ) بارگیری فایل های JSON با استفاده از تابع fetch() 
این تابع فایل را از مسیری که در آن ذخیره شده است واکشی می کنه و سپس فایل را به عنوان پاسخ در console.data برمی گرداند. این تابع فقط برای کار در محیط مبتنی بر وب مناسب است چون fetch API فقط تو این محیط کار می کنه.

پس از خواندن فایل، داده ها را با استفاده از تابع json() تجزیه و نمایش می دهیم.

کد زیر عملکرد بالا را نشان می دهد.

fetch("./students.json")
.then(response => {
   return response.json();
})
.then(jsondata => console.log(jsondata));

خروجی

{
   "Students" : [
      {
         "firstName":"Ram","lastName":"Sharma"
      }
  ]
}