Flask & the Fetch API (AJAX?) - Python on the web - Learning Flask Series Pt. 10

I was looking for a clear answer how to perform communication between front to back-end for a long time. And after that I found this tutorial, which is clear and understandable for me as a beginner. Julian Nash - thanks a lot. It gives me a milestone in my first programming project.

You really helped me solve a big problem. Bless you

How to hide this script from the client side, or can I make a post of these values and sent to the back end to do some stuff in a python program (back-ended)

Thanks for great tutorial, really helped me with my project!

good explanation but I really want to click and move another route by rendering a template, so far I am in the route but since is not JSON and instead is <!Doctype is giving me an error Uncaught (in promise) SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON

Flask forms would work better in this case I believe

Excellent resource, thank you very much. :)

Gah! This video got me. Didn't see (in the previous video) about adding a {% block script %}{% blockend %} in the public_template.html so it took ages to get working. Still, enjoying the series so far.

Very Helpful, thAnks to you 👍👍👍

Amazed by all the talents Charlie Cox have.

At its basics, it's just a way to perform API POST, GET..., directly from vanilla JS inside the DOM, then you're just communicating with your python backend as normal. For some reason that was confusing at the start.

Bro you just saved my day! Thanks a ton!

Hey Julian, thanks for the great video! Could you please explain how to actually return the response? i always get "Undefined"

Saved my day ..

why use this and not a request.args or request.form or something like that?

Thanks pal, very useful tutorial, greetings from South America. Greetings fro the flask community.

this was really fun, shame your channel's dead

If you use Token CSRF, I recommend putting this on the headers "X-CSRF-TOKEN": csrf
Si utiliza Token Csrf, recomiendo poner esto en las cabeceras "X-CSRF-TOKEN": csrf

Example/Ejemplo:

csrf = 'Your token'

headers: new Headers({
"Content-Type": "application/json",
"X-CSRF-TOKEN": csrf
})

is it possible to send octet-stream inside the json along with other types of data?

Thank you very much <3

very useful video.. few things need to be updated in the code to make it work error-free

Thank you soo much for taking your time to do this. I dunno if u hear this a lot but ur special.

Thanks for this amazing tutorial!

Videos and explanation are great, but I feel like the videos go from "Flask Tutorial" to "HTML tutorial". I fully get that they are related, but I would be happier I you mainly talked about the basics and main concepts of flask without going into coding of HTML.

I just completed my project seeing your video. Great help.

Love your work manze.

Amazing, thank you!

you have NO IDEA, how MUCH OF A HEADACHE YOU SAVED ME. OH MY GOODNESS. THANK YOU

Excellent stuff man. Thank you so much.

Tip: Always show code link at the end of the video.

Do you have this code up anywhere? It's a bit inconvenient to have to scrub through the video to find bits that I'm referencing in my own application.

thank you merry much!

It hit right the thing I want. Love your video, great content with an example from the server side. I had been struggling with all the documentation which has nothing on the server-side, and I cant understand how and where to send the fetch url, but your video saves me. So thump up for ya !

Is there a reason an else statement is not included in the .then method?

i m getting an error : Fetch error: TypeError: Failed to fetch
any idea?
how could the example work :
response.json().then(function (data)
response.json() object doesnt have any methode call then and it s note a promise

get_json() was always returing a none value for me, i solved using:
req = request.get_json(force = True)

thank you btw, I was going insane before your video<3

What would be the reason to use Fetch API, instead of form data as in Pt 7? (Or maybe requests if that is possible?)

Thanks! I like your videos a lot, very explanatory!
I also watched the series of Corey Shafer on Flask (which I liked BTW), but yours are more instructive and clearer so far. You use less additional libraries, which let it be more Pythonic.

Thanks for the video!

A question about ${window.origin}. What programming language is that?
It does not seem to work for me, I use the below instead.
fetch(window.location.href+'getjson',{

Do you know if there is any difference?

Great tutorial. Thanks!

coooolll

The best!!

Thanks for your help mate! Last few days was wrapping my mind around this topic, and just clicked while watching this video.

very helpful....I'll check out some more of your videos....I did spend some time running down my typos..nothing new there

Awesome stuff man, this helped me a lot!

You're an amazing teacher mate, well done!

Thank you very very very very very.....much.
You saved project.
Thank you again.