Passing array from Django view to HTML/JS

Question

I'm sending an array from a django view to an html (in which there is a JS script) but the array seems to be a string. In fact if I try to console.log(array[0]) or console.log(array[1]) it returns in the first case [ and in the second case '

The code is:

Django view

def results(request):
   h = request.POST['h']   
   name = request.POST['name']

   array = [h, name]
return render(request, 'app/index.html', {'h':h, 'array':array})

index.html

<script>
   var h = "{{ h }}"   //this is 3 
   var array = "{{ array|safe }}"  //this is ['3', 'John']
   console.log(h)
   console.log(array[0])
   console.log(array[1])

The console is:

3 

[

'

I wish it was:

3

3

John

Do you have any idea how can I access the n value of the array? Thanks

Could you try remove quotes.So, can you use {{ array|safe }} instead of "{{ array|safe }}"? — kamilyrb
– kamilyrb, Commented Mar 3, 2020 at 10:18
No! It is mandatory for calling variable from django view, without quotes it doesn't even compile anymore — Teo
– Teo, Commented Mar 3, 2020 at 10:20
I tried, the code editor was giving me an error, but at the end I ran the code and it worked! Thank you so much — Teo
– Teo, Commented Mar 3, 2020 at 11:21

kamilyrb · Accepted Answer · 2020-03-03 11:34:14Z

1

You can use {{ array|safe }} instead of "{{ array|safe }}" withouth any extensions.

answered Mar 3, 2020 at 11:34

kamilyrb

2,6273 gold badges13 silver badges26 bronze badges

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

Comments

Ajay Kumar · Accepted Answer · 2020-03-04 13:22:02Z

0

Try the package django-jsonify

pip install django-jsonify

Then add jsonify to django INSTALLED_APPS

In your template

{% load jsonify %}

var array = {{ array|jsonify }}

Hope this helps you, if any thing please let me know.

edited Mar 4, 2020 at 13:22

answered Mar 3, 2020 at 10:34

Ajay Kumar

1,6655 gold badges22 silver badges39 bronze badges

2 Comments

Teo Over a year ago

If I use this approach I got two errors: Uncaught SyntaxError: Unexpected string (at the line of var array) Uncaught ReferenceError: h is not defined (at the line I will use h)

Ajay Kumar Over a year ago

try removing the double quotes var array = {{ array|jsonify }}

Collectives™ on Stack Overflow

Passing array from Django view to HTML/JS

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related