CODEWITHSUNDEEP
javascriptdjangotemplatesobject
abw333
abw333

Reputation: 5961

Passing Python Objects to JavaScript through Django Template Variable

I have been able to pass primitive types such as integers like this, but I would like to pass more complicated objects, such as some the Django models that I have created. What is the correct way of doing this?

Upvotes: 2

Views: 8518

Answers (2)

Conner Leverett
Conner Leverett

Reputation: 593

I know I'm a little late to the party but I've stumbled upon this question in my own work.

This is the code that worked for me.

This is in my views.py file. 

from django.shortcuts import render
from django.http import HttpResponse
from .models import Model

#This is the django module which allows the Django object to become JSON
from django.core import serializers

# Create your views here.
def posts_home(request):
    json_data = serializers.serialize("json",Model.objects.all())    
    context = {
    "json" : json_data,
    }
    return render(request, "HTMLPage.html",context)

Then when I'm accessing the data in my html file it looks like this:

<script type = 'text/javascript'>
    var data = {{json|safe}}
    data[0]["fields"].ATTRIBUTE
</script>

data is a list of JSON objects so I'm accessing the first one so that's why it's data[0]. Each JSON object has three properties: “pk”, “model” and “fields”. The "fields" attribute are the fields from your database. This information is found here: https://docs.djangoproject.com/es/1.9/topics/serialization/#serialization-formats-json

Upvotes: 3

Gonzalo
Gonzalo

Reputation: 4269

For Django model instances in particular, you can serialize them into JSON and use the serialized value in your template context.

From there, you can simply do:

var myObject = eval('(' + '{{ serialized_model_instance }}' + ')');

or

var myObject = JSON.parse('{{ serialized_model_instance }}');

if using JSON-js (which is safer).

For Python objects in general see How to make a class JSON serializable

Upvotes: 0

Related Questions