• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
    • Preguntas
    • Profesores
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Pruebas Online
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

224
Vistas
cómo importar una variable de javasvript a una etiqueta de script html

Estoy haciendo una página web con django templete. En la etiqueta del script HTML, creo una variable que contiene datos geojson, por lo que es demasiado larga para estar contenida en un solo archivo (alrededor de 10000 líneas), así que quiero separarla en otro lugar. var "áreas" en la imagen es eso.

ingrese la descripción de la imagen aquí

Entonces, quiero separar esa variable en otro archivo (¿quizás el archivo .js? Cualquier formato, no importa).

  1. ¿Dónde debo guardar esa variable? ¿Es un archivo .js?
  2. ¿Cómo puedo importar esa variable en la etiqueta de secuencia de comandos HTML?

¡Gracias por tu ayuda!

almost 3 years ago · Juan Pablo Isaza
2 Respuestas
Responde la pregunta

0

Simplemente use un archivo JS con solo la variable e importarlo a través de la etiqueta de secuencia de comandos funcionaría bien. Me gusta si se guardó en areas.js usa el código
<script src = "areas.js"></script>
en la etiqueta del cuerpo, puede usar la variable como de costumbre en los scripts

almost 3 years ago · Juan Pablo Isaza Denunciar

0

Puede poner esos datos en un archivo .json en su servidor. Entonces haga algo como seguir para buscar el json y analizarlo.

 fetch('http://example.com/movies.json') .then(response => response.json()) .then(data => { // Use data in your app. });

Referencia: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch

También puede usar async/await para evitar el .then y la devolución de llamada.

 async function fetchMoviesJSON() { const response = await fetch('/movies.json'); const movies = await response.json(); // Use the data in your app. } fetchMoviesJSON();
almost 3 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda