Refresh Jinja HTML Without Reloading the Page | Flask Tutorial

⚠️ A quick warning if you want to follow this tutorial. Please check pinned comment!⚠️
Thanks for watching! Let me know if this video helped you with a comment.

Follow along with the code from this video:

Get the CDNs used in this video:

Attribution:

Time Stamps:
00:00 - Intro
00:10 - Example Demonstration
1:22 - Introducing a Problem
2:45 - Understanding Jinja
4:07 - The Solution
4:28 - Coding the Solution
10:30 - Sending a file
12:43 - Outro

Outro Music:

[pingcode]

If you are interested in one on one tutoring for beginner's/intermediate's, I offer it for a fair price. Email me: (mypingo7 [at] yahoo [dot] com) if you are interested!

[pingcode]

Make sure to be careful with possible user generated content and deal with them properly. Thank you to CheeseCake87 for pointing this out to me!

[kerodfresenbetgebremedhin]

This was a sign for people to go for the headless approach and just use an interchange format for dynamic data. Doesn't matter what frontend solution u use.

[markobosnjak]

Great content, I have jquery datatable which i want to rerender every x seconds. Is it possible to fetch html from same endpoint(not create new one) and update table element with new data?

[melchizedek]

Great!. Just subscribed. Please do more tutorials.

[asalor]

Thanks for this, but what if we would like to do something similar without exposing an endpoint for this reason? I would like, for example, to re-evaluate a python function based on some user input, and then replace an innerHTML part of the page with the python function's output.

[CarlosMorales-retr]

very usefull tutorial. i´m trying to apply it in a upload function but i get an error trying to send one or more files with ajax to the backend and those file have to be listed in a table in the same page, i need to do all these things without refreshing the page.. Thank you in advance

[alunp]

how to solve this problem? On the web I have an onclick button for another video but when I refresh it goes back to how it was. is there a way to not go back to how it was?

[hoomanjafari]

i use this in django and it worked !!! thank u sirr

[ks-krhx]

great explanation, but whenerver i want to access the website now it keeps dowloading the file without loading the page (i got rid the code added added in the last section of the video but it still does the same)

[CodingByAmp]

javascript and jquery helpful in flask jinja

[pietraderdetective]

How come you only got 2 digit subs?? The clarity of your teaching method, the structure, the presentation..all are awesome.

You deserve a lot more subs Sir!!

Great content!
Are you planning to create more Flask videos? I'm rooting for them

[hoomanjafari]

i wish i could know the way to do this with django