How to pass a json data to my html file from my Python .py file?

Question

I am currently trying to integrate this free to use 3rd Party API into my website. I am using Python which uses flask so I will be using render templates so how do I pass this data through my to my template?

below is the method within my .py class which also has requests packaged installed. NOTE: I have used an invalid API key just for security measures.

@app.route('/Api', methods=['POST'])
def index():

    # BBC news api 
    main_url = " https://newsapi.org/v1/articles?source=bbc-news&sortBy=top&apiKey=123"

    # fetching data in json format 
    open_bbc_page = requests.get(main_url).json() 

    # getting all articles in a string article 
    article = open_bbc_page["articles"] 

    # empty list which will  
    # contain all trending news 
    results = [] 

    for ar in article: 
        results.append(ar["title"]) 

    for i in range(len(results)): 

        # printing all trending news 
        print(i + 1, results[i])                  

return render_template('home_page.html')

if __name__ == '__main__':
    app.run(debug=True)

Also how do I then display this in my html file?

Wes Doyle · Accepted Answer · 2018-12-15 03:11:49Z

1

The render_template method takes **context parameters after the first parameter, which are variables that are to be made available in the context of the template. For example,

return render_template('home_page.html', results=results)

You can parse the response you receive from the requests however you'd like.

If you're returning a list, you can iterate through the list in the template with something like:

{% for result in results %}
    <p>{{result}}</p>
{% endfor %}

edited Dec 15, 2018 at 3:11

answered Dec 15, 2018 at 2:59

Wes Doyle

2,2973 gold badges19 silver badges37 bronze badges

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

3 Comments

John Over a year ago

Hi , thank for the response. I currently new to python. i've tried this in my .py return render_template('home_page.html', display=results) however it does not pass anything to html using <p>{{display}}</p>

John Over a year ago

thanks, I have tried your example. I have pasted this loop into my html page however it does not return anything? could there be something wrong with my python code?

John Over a year ago

I can now confirm that it was my python code that was the issue, however this does answer my question. Thanks

Mike C. · Accepted Answer · 2018-12-15 03:10:07Z

0

Pass the articles variable into your template.

return render_template('home_page.html, articles = articles )’

Then run your for loops in your template. Ex:

 {%for ar in articles%}

Do stuff

{%endfor%}

answered Dec 15, 2018 at 3:10

Mike C.

1,9512 gold badges31 silver badges49 bronze badges

1 Comment

John Over a year ago

Hi, Wes the question above as the same similar answer however I have tried your way still the same issue. Displaying nothing? would it be my python code?

Collectives™ on Stack Overflow

How to pass a json data to my html file from my Python .py file?

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related