Serializing a model as Json in Django and parse it with JavaScripts JSON.parse

Question

I am afraid I don’t understand what "serializing" means. If someone can explain I’d be grateful. I am serializing a Django model in Json as explained in the Django Docs:

data = serializers.serialize("json", MyModel.objects.all())

In my HTML/JS I access the data as recommended:

{{ data|json_script:"data" }}
var myData = JSON.parse([document.getElementById('data').textContent]);

But instead of being an Object myData is a string. So I guess somehow I serialize twice or something.

I found a solution, JSON.parse works as expected on my data now:

data = json.loads(serializers.serialize("json", CoursePage.objects.child_of(self).live().public()))

But I guess I still don’t understand the meaning of "serializing" properly. The Python docs say about json.loads(s): "Deserialize s (a str instance containing a JSON document). Why do I have to deserialize before JSON.parse works? The description for JSON.parse states: "The JSON.parse() method parses a JSON string"? Which I thought Djangos serializer would gave me in the first place. I am confused.

related: stackoverflow.com/q/42494823

djvg
– djvg

2023-03-07 20:17:18 +00:00
Commented Mar 7, 2023 at 20:17 — djvg
– djvg, Commented Mar 7, 2023 at 20:17

Daniel Roseman · Accepted Answer · 2019-09-12 20:19:38Z

2

The json_script filter is for Python objects. But serialization is already the conversion of Python objects into JSON. So effectively you're converting it twice.

In your case I wouldn't bother with that filter. Just remove the json.loads and output the data directly where you need it:

var myData = JSON.parse("{{ data|safe }}");

answered Sep 12, 2019 at 20:19

Daniel Roseman

602k68 gold badges910 silver badges923 bronze badges

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

1 Comment

Jean Zombie Over a year ago

I tried that before. I read your comment on a similar question. But I am getting a syntax error: "missing ) after argument list". In my HTML {{ data|safe }} renders as expected.

Collectives™ on Stack Overflow

Serializing a model as Json in Django and parse it with JavaScripts JSON.parse

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related