0

Sé cómo pasar datos desde Django a un template

return render(request, "index.html", {"args" : args})

Y luego en el template recogerlos así {{args}} Esto mismo puedo hacerlo con js pero en el mismo template con la etiqueta <script></script> Pero a la hora de hacerlo en un archivo de js, no encuentra estos parámetros

He probado con esto:

var data = JSON.parse("{{arg}}");

Y me devuelve este error en consola:

Uncaught SyntaxError: Unexpected token { in JSON at position 1
at JSON.parse (<anonymous>)

¿Cómo puedo pasar datos desde mi vista de django a un documento aislado de JS?

12
  • Prueba con <script>window.args= { args: {{ args|safe}}}</script>
    – MitaCloud
    el 18 abr. 2021 a las 14:28
  • @EugeniBejan Mmmm, no, no funciona en mi index.js, es decir, me gustaría tener esos parámetros en un documento aislado de javascript, no es el html el 18 abr. 2021 a las 14:30
  • 1
    @QuiqueFernandez, en tu index.js deberías de buscar los datos en windows.args. Por defecto django solo procesa el template en el lado del servidor y los otros archivos(css, js) no se procesan
    – MitaCloud
    el 18 abr. 2021 a las 14:33
  • 1
    No uses el JSON.parse
    – MitaCloud
    el 18 abr. 2021 a las 14:42
  • 1
    @QuiqueFernandez, lo que te indica @Eugeni Bejan es correcto, debes por un lado asignar las variables a window.args, y por otra no debes hacer JSON.parse.
    – Sokkian
    el 18 abr. 2021 a las 14:45

1 respuesta 1

1

Como se menciono en los comentarios, para pasar los datos desde Django a javascript, primero debemos guardarlos en nuestro window mediante el uso de las plantillas, ya que django no procesa los archivos .js o .css y para eso hacemos lo siguiente en nuestro template

TEMPLATE

<script>
    window.data = { args: {{ args|safe}}}
</script>

Después si queremos trabajar con estos datos, simplemente tenemos que buscarlos en window.data, ejemplo

ARCHIVO .JS

....
let data = window.data
...

Para saber que significa safe te recomiendo la documentación oficial

1
  • Agregar a que te refieres? Ya hay un link hacia la documentación
    – MitaCloud
    el 19 abr. 2021 a las 10:11

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.