Using jQuery to Update a Page Without Refresh (Part 1 of 2)

In this video I show you how to update a page without refreshing using jQuery and JSON objects. Being able to do this is a key feature of single-page applications (SPA).

As always, if you have any questions, please feel free to ask!

[nosduhz]

More Ajax, Jquery, Frontend/Backend with Flask videos! These are excellent and a subject that is not touched on enough! Marrying the frontend with the backend is constantly left out of the programming tutorial discussion.

[omarelmohri]

seeing this for the second time, it feels great when I can integrate this into my application.
You are doing an amazing job here

[gobentley]

You're an amazing teacher! Always enjoy your presentations. This one was especially timely. Thanks very much.

[sromanski]

Your videos are so well done. I really like how they deconstruct the fundamentals of web development.

[dimitrisfilippou]

Dude how can you be so precise haha, whenever i want to add something new to my project there you are :p thanks a lot!

[freshbread]

You don't know how much this helps!

[realfranzconradvonhotzendo]

Thanks a lot m8 keep up the cool content!!

[vincemcgaj]

Again great video! Thank you so much!!

[russellculver]

Hey, having a hard time with this one. I'm using Flask-WTForms and a SelectField. The ID is being passed correctly to the backend route, however all form data is 'None'. It's also a cell in an interated table, but given it's grabbing the ID correctly I don't think that's an issue.

[AnshumanSharmadev]

Great video. I have a query - How do we do this thing in the DataTables? I'm getting the data and it appends to the table but I don't see any pagination in my datatable. It would be great if you could suggest something. Thanks.

[luvrahooo]

Nice video thanks. I wanted to have something similar with autocomplete and select and then add to table in database which then updates the Table in template without refresh of page. Do you have any tutorial on autocomplete with wtf flask forms?

[MR-jjdn]

Struggling with how to implement CSRF functionality to this AJAX call. Anyone been able to do it with this example? The example Anthony works in this video works, but I need to make it resistant to cross site request forgery attacks. By the way, is flask wtforms susceptible to XSS or CSS attacks, or are they same?

[thyu]

How to add jinja2 filters (like safe | nl2br etc) in req.done part where your returning the text.

[paristar]

Can I load a page without refreshing but it's url should change

[realworldcodingapplications]

can this upate also be seen by other users / in different window? without refreshing?

[kalaakaaram]

This was super awesome.. i need same approach for updating content without reloading ..but the content is huge a deeply nested json... If you have any tutorial for getting data from deeply nested json in python flask and javascript api.. please share... Thanks for the wonderful tutorial.

[oluwatosinoseni]

Is there a way to use flash with this to show notification or something

[javierbosch]

awesome. great video! Now we need some lazy loading to add content with flask as backend!!!! Highly requested tutorial as well!!!

[prabhatbhartola]

HI, I have a doubt.
The route "/update" is returning jsonify. How is the webpage not being redirected?

[zsirothehero]

Can I still use this? Or is there an updated version of this?