Skip to main content
se añadieron 97 caracteres en el cuerpo
Origen Enlace
Narciso Aifuz
  • 1.7k
  • 1
  • 7
  • 17

EnEditado Estoy creando una misma carpeta tengo dos archivos: datos.jspágina HTML y main.js. Mi archivo datos.js lojavascript para uso como si fuera unlocal, sin conexión ni uso de live server de Visual Studio Code; evitando así el uso de archivo .JSON porque tiene un extenso arregloo await fetch() o similares.

Desde mi archivo main.js quiero usar datos.js, como si fueraPensando en await fetchimport() y export() podría hacer algo, pero no logro aplicar y usar correctamente. Porque en el HTML solamente cargo mi archivo main.js que de la siguiente manera:lo cual importa todo el contenido de datos.js, lo cual contiene un extenso array que muestro en DOM.

Si hay otra solución, quisiera saber.

archivo datos.js


let datos = [
    {
        ubicacion: {
            nombre: "",
            url: "",
        },
        categoria: {
            nombre: "",
            url: ""
        }
    }
];

exports = {datos};

archivo main.js

import datos from "datos.js";

datos.forEach( (item) => {
 
   document.getElementById("demo").innerHTML = `
    <h1>hola</h1>
   `;
                
});

Pero no estoy logrando importar y usar de esta forma. Necesito de esta forma porque estoy trabajando de forma local

En una misma carpeta tengo dos archivos: datos.js y main.js. Mi archivo datos.js lo uso como si fuera un .JSON porque tiene un extenso arreglo.

Desde mi archivo main.js quiero usar datos.js, como si fuera await fetch() y de la siguiente manera:

archivo datos.js


let datos = [
    {
        ubicacion: {
            nombre: "",
            url: "",
        },
        categoria: {
            nombre: "",
            url: ""
        }
    }
];

exports = {datos};

archivo main.js

import datos from "datos.js";

datos.forEach( (item) => {
 
   document.getElementById("demo").innerHTML = `
    <h1>hola</h1>
   `;
                
});

Pero no estoy logrando importar y usar de esta forma. Necesito de esta forma porque estoy trabajando de forma local

Editado Estoy creando una página HTML y javascript para uso local, sin conexión ni uso de live server de Visual Studio Code; evitando así el uso de archivo .JSON o await fetch() o similares.

Pensando en import() y export() podría hacer algo, pero no logro aplicar y usar correctamente. Porque en el HTML solamente cargo mi archivo main.js que de lo cual importa todo el contenido de datos.js, lo cual contiene un extenso array que muestro en DOM.

Si hay otra solución, quisiera saber.

archivo datos.js


let datos = [
    {
        ubicacion: {
            nombre: "",
            url: "",
        },
        categoria: {
            nombre: "",
            url: ""
        }
    }
];

exports = {datos};

archivo main.js

import datos from "datos.js";

datos.forEach( (item) => {
 
   document.getElementById("demo").innerHTML = `
    <h1>hola</h1>
   `;
                
});
Origen Enlace
Narciso Aifuz
  • 1.7k
  • 1
  • 7
  • 17

Exportar e importar .JS

En una misma carpeta tengo dos archivos: datos.js y main.js. Mi archivo datos.js lo uso como si fuera un .JSON porque tiene un extenso arreglo.

Desde mi archivo main.js quiero usar datos.js, como si fuera await fetch() y de la siguiente manera:

archivo datos.js


let datos = [
    {
        ubicacion: {
            nombre: "",
            url: "",
        },
        categoria: {
            nombre: "",
            url: ""
        }
    }
];

exports = {datos};

archivo main.js

import datos from "datos.js";

datos.forEach( (item) => {
 
   document.getElementById("demo").innerHTML = `
    <h1>hola</h1>
   `;
                
});

Pero no estoy logrando importar y usar de esta forma. Necesito de esta forma porque estoy trabajando de forma local