How to pass Django context variables into JavaScript function?

Question

I have a function in Django views.py which passes a context variable called "queues" into an HTML page. In the HTML page, I have a button where if I click it, it should pass the context variable "queues" into a JavaScript function func. However, as shown in the image attached, I see some errors with the way I am doing this. What is the correct syntax to do this? HTML code

Not terribly familiar with Django, but you're missing quotes around your onclick parameter, try this: onclick="func('{{queues}}')" — Marcel Herd
– Marcel Herd, Commented Sep 26, 2021 at 22:13
Please post your code as text instead of a screenshot, as links may break, screenreaders cannot process the image etc. — Ermiya Eskandary
– Ermiya Eskandary, Commented Oct 4, 2021 at 18:01

Paul · Accepted Answer · 2021-09-26 23:46:03Z

2

In your template :

<script>
    let queues = {{queues_declared_in_context_view}};
    ...
    use your javascript variable queues
</script>

In addition, here is an interesting article about safety when passing data from context to templates

answered Sep 26, 2021 at 23:46

Paul

741 silver badge5 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

vially Over a year ago

The resource you shared is super useful to me...thanks a million

Collectives™ on Stack Overflow

How to pass Django context variables into JavaScript function?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related