Django - serialize models to json for use as JavaScript object

Question

I need to get the data from my models as an object in Javascript. I use this in my JS code ("data" being part of the context returned in my Django view) :

var data= {{ data|safe }};

And in my view I have :

context = {'data': {
             'model1': serializers.serialize('json', model1.objects.all()),
             'model2': serializers.serialize('json', model2.objects.all()),
          }

The problems I have are :

1) I get an error in JS unless I use "safe" on the context variable,

2) Even if I use "safe", the object is unusable because it is just a string (i.e. data.model1[0] return "[" instead of the first element in the array).

What is the proper way of doing this ?

Daniel Roseman · Accepted Answer · 2017-02-03 09:31:20Z

2

The trouble is that while the values of data are valid JSON, data itself is a Python dict which is not valid as JSON.

Probably the easiest way to do this would be to separate out the variables:

var data = {
    model1: {{ data.model1|safe }},
    model2: {{ data.model2|safe }}
}

answered Feb 3, 2017 at 9:31

Daniel Roseman

602k68 gold badges910 silver badges923 bronze badges

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

Comments

arcegk · Accepted Answer · 2017-02-03 09:40:37Z

2

You could use the json module, a solution could be:

import json

data = {
        'model1': json.loads(serializers.serialize('json', model1.objects.all())),
        'model2': json.loads(serializers.serialize('json', model2.objects.all())),
       }
context = {'data': json.dumps(data)}

then var data = {{data|safe}}

edited Feb 3, 2017 at 9:40

answered Feb 3, 2017 at 9:18

arcegk

1,49012 silver badges15 bronze badges

Collectives™ on Stack Overflow

Django - serialize models to json for use as JavaScript object

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related