[2021] ¿Cómo leo un archivo JSON local externo en JavaScript? {DH}


Como muchos han mencionado, esto no funciona con una llamada AJAX. Sin embargo, hay una forma de evitarlo. Puede utilizar el elemento de entrada para seleccionar su archivo.

El archivo seleccionado (.json) debe tener esta estructura:

[
    {"key": "value"},
    {"key2": "value2"},
    ...
    {"keyn": "valuen"},
]
<input type="file" id="get_the_file">

Luego puede leer el archivo con JS usando FileReader ():

document.getElementById("get_the_file").addEventListener("change", function() {
  var file_to_read = document.getElementById("get_the_file").files[0];
  var fileread = new FileReader();
  fileread.onload = function(e) {
    var content = e.target.result;
    // console.log(content);
    var intern = JSON.parse(content); // Array of Objects.
    console.log(intern); // You can index every object
  };
  fileread.readAsText(file_to_read);
});


[ad_2]
[2021] ¿Cómo leo un archivo JSON local externo en JavaScript? {DH}

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *