Accessing context variable (a list) in Django Views in Javascript HTML [duplicate]

Question

I am facing some problems trying to access a context variable in my django views in my html javascript. I would like to access 'unclean' context which is a list and USE IT AS A LIST in my html script tag. Any help is appreciated. Thank you. Below are some of my code:

views.py

context = { 
  'unclean' : unclean
       }

Yes. However, accessing the variable like this in javascript makes it a 'string' type. I need to use it as an 'array' type in javascript for manipulation. Thanks for the help. — Ang Yang Cheng
– Ang Yang Cheng, Commented Dec 30, 2019 at 3:27

Iain Shelvington · Accepted Answer · 2019-12-30 03:49:26Z

0

You can use the json_script tag to include a python object as a JS variable in your template

{{ unclean|json_script:"unclean-data" }}

<script>
    var unclean = JSON.parse(document.getElementById('unclean-data').textContent);
</script>

answered Dec 30, 2019 at 3:49

Iain Shelvington

32.5k3 gold badges36 silver badges55 bronze badges

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

Comments

yansainity · Accepted Answer · 2019-12-30 03:56:27Z

0

Here is a demo of latest version, which is similar to your case.

python code

from django.template import loader

from .models import Question


def index(request):
    latest_question_list = Question.objects.order_by('-pub_date')[:5]
    template = loader.get_template('polls/index.html')
    context = {
        'latest_question_list': latest_question_list,
    }
    return HttpResponse(template.render(context, request))

HTML code:

{% if latest_question_list %}
    <ul>
    {% for question in latest_question_list %}
        <li><a href="/polls/{{ question.id }}/">{{ question.question_text }}</a></li>
    {% endfor %}
    </ul>
{% else %}
    <p>No polls are available.</p>
{% endif %}

edited Dec 30, 2019 at 3:56

answered Dec 30, 2019 at 3:27

yansainity

1661 silver badge8 bronze badges

2 Comments

Gino Mempin Over a year ago

I did not downvote, I was just going through the review queues as someone else has flagged your post as low quality (link only). To prevent this from happening again, I recommend reading the How do I write a good answer help page.

yansainity Over a year ago

Thank you! Still I cannot agree that someone else did that, he could write his answer or just remind me. It's a quite simple question.

Collectives™ on Stack Overflow

Accessing context variable (a list) in Django Views in Javascript HTML [duplicate]

2 Answers 2

Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Linked

Related