Cargar archivo JSON en JavaScript

1. Utilice la función require() para cargar archivos JSON en JavaScript
2. Utilice la función fetch() para cargar archivos JSON en JavaScript

JSON significa JavaScript Object Notion. Se utiliza para compartir datos entre servidores y clientes. JavaScript nos permite cargar JSON local.

Discutiremos cómo cargar archivos JSON en este artículo.

Leeremos el siguiente archivo JSON.

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

Utilice la función require() para cargar archivos JSON en JavaScript

En JavaScript, podemos usar el método require() para cargar archivos y módulos. Esto toma la ruta del archivo local donde se ha guardado. Con la ayuda de la función console.log(), carga los datos en el servidor y los muestra.

Por ejemplo,

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

Producción :

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

Utilice la función fetch() para cargar archivos JSON en JavaScript

Esta función obtiene el archivo de la ruta donde está guardado y luego devuelve el archivo como respuesta en console.data. Esta función solo es adecuada para trabajar en el entorno basado en web, ya que la API de recuperación solo funciona en ese entorno.

Después de leer el archivo, analizamos los datos usando la función json() y los mostramos.

El siguiente código demuestra la función anterior.

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

Producción :

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