RESTful API - display returned json in html table

Question

I'm trying to do a restful api in flask and python. Here's my code:

from flask import Flask, jsonify, request, render_template
from flask_restful import Api, Resource

app = Flask(__name__)
api = Api(app)

class Tracks(Resource):
    @app.route('/')
    def get(self):
        test = {
            "name": "json2html",
            "description": "Converts JSON to HTML tabular representation"
        }
        return jsonify(test)

api.add_resource(Tracks, '/tracks') 

if __name__ == '__main__':
    app.run(port='5002')

My question is how should I modify it to be able to display my returned value in table and add e.g. some CSS. Thanks!

smundlay · Accepted Answer · 2017-09-18 08:41:32Z

2

in your application return the following:

return Response(render_template('test.html', result=test, mimetype='text/html'))

and in test.html

<!DOCTYPE html>
<html>
<head></head>
<body>
    <table>
        {% for key, value in result.iteritems() %}

        <tr>
            <th> {{ key }} </th>
            <td> {{ value }} </td>
        </tr>
        {% endfor %}
    </table>
</body>
</html>

this was my output:

edited Sep 18, 2017 at 8:41

answered Sep 18, 2017 at 7:59

smundlay

1557 bronze badges

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

1 Comment

pingwin850 Over a year ago

I did as you said but I receive the html code written in browser

Collectives™ on Stack Overflow

RESTful API - display returned json in html table

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