Print key-value in JSON object in HTML with Django

Question

I have a JSON object in string that looks like '{"key1":"value1", "key2": "value2", "key3": "value3"}'

I can use json.loads to make that into a JSON object, but when I try to print it in HTML, it prints the entire JSON object like

{"key1":"value1", "key2": "value2", "key3": "value3"}

my function looks like:

def jsonPretty(json_string):
    return json.loads(json_string)

and in HTML/Django:

{{kvpair|jsonLoadsPretty}}

However I want it to print

key1 value1 key2 value2 key3 value3

The format can vary a little, but I want each key-value pair to separate by a \n, and the brackets should be removed.

What would be the best way of doing this?

EDIT:

I'm using {% with kvpair|jsonPretty as kvjson %} before running a for loop with

{% for k, v in kvjson.items %}
    <p> {{k}} {{v}}</p>

and now it works fine. Thanks for @Andrey Shipilov 's help!

Andrey Shipilov · Accepted Answer · 2016-12-15 02:11:13Z

2

{% for key, value in kvpair %}
    <p>{{ key }} {{ value }}</p>
{% endfor%}

https://docs.djangoproject.com/en/1.10/ref/templates/builtins/#for

answered Dec 15, 2016 at 2:11

Andrey Shipilov

2,04913 silver badges14 bronze badges

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

5 Comments

JChao Over a year ago

the kvpair is a string, so I tried json.loads first before using that for loop. However it returns error: TemplateSyntaxError: Could not parse some characters: |{{kvpair||jsonLoadsPretty}}

Andrey Shipilov Over a year ago

Make a JSON object from your string and then pass it to the template. Then you'll be able to do {% for %} on it.

JChao Over a year ago

I am using the jsonPretty function written above. My line in HTML now looks like {% for k, v in kvpair|jsonPretty %}. If i just output k, it gives me the keys, but outputting k,v somehow makes it a string again and returns the first 2 characters of the key.....

Andrey Shipilov Over a year ago

Try {% for key, value in kvpair.items %}

JChao Over a year ago

I set the result of that function to a variable first and the for loop worked. Thanks!

vantor · Accepted Answer · 2021-06-24 17:27:12Z

0

works {% for key, value in kvpair.items %}

answered Jun 24, 2021 at 17:27

vantor

312 bronze badges

Collectives™ on Stack Overflow

Print key-value in JSON object in HTML with Django

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related