populate json to html with django template

Question

In order to better debug my api, I would like to create a debug page which shows all details of the response json obj line by line. I think it can be done by code or django template. What is the simplest way to do it?

https://developers.facebook.com/tools/explorer/?method=GET For example, facebook explorer does list details of the response json obj like this.

{
  "id": "xxx", 
  "name": "xxx", 
  "first_name": "xxx", 
  "last_name": "xxx", 
  "link": "xxx", 
  "username": "xxx", 
  "hometown": {
    "id": "xxx", 
    "name": "xxx"
  }, 
  "location": {
    "id": "xxx", 
    "name": "xxx"
  }, 
  "bio": "Drink Coffee in Whitehorse", 

  "work": [
    {
      "employer": {
        "id": "xxx", 
        "name": "xxx"
      }, 
      "location": {
        "id": "xxx", 
        "name": "xxx"
      }, 
      "position": {
        "id": "xxx", 
        "name": "xxx"
      }, 
      "start_date": "2009-01", 
      "end_date": "0000-00"
    }, 
}

aviraldg · Accepted Answer · 2012-02-11 07:36:33Z

9

You just need to call json.dumps() with the indent keyword argument equal to the number of spaces to indent the generated JSON by for pretty printing.

For example:

json.dumps(spam_and_eggs, indent=4)

answered Feb 11, 2012 at 7:36

aviraldg

9,1647 gold badges43 silver badges59 bronze badges

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

Comments

andyw · Accepted Answer · 2017-08-29 19:31:01Z

2

May I suggest using <pre></pre> in your HTML so that your json looks pretty.

import json
from django.contrib.admin.views.decorators import staff_member_required
from django.shortcuts import render
from .models import Scan

    @staff_member_required
    def info(request):
        my_info = Scan.scan()
        return render(request, 'info.html', {'info': json.dumps(my_info, indent=4)})

HTML:

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <pre>{{ info|safe }}</pre>
    </body>
</html>

answered Aug 29, 2017 at 19:31

andyw

3,8132 gold badges33 silver badges45 bronze badges

Collectives™ on Stack Overflow

populate json to html with django template

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related