Async JavaScript Part 1: What is AJAX?

Click here for Video Sponsors: cast.ai/codewithania.!! CAST AI. CAST AI offer AI-driven cloud optimization for Kubernetes, instantly cutting your cloud bill, preventing downtime, and offer 10X the power of DevOps.
In this video I explain what AJAX is, as well as show you how to use it with our own code example.
This video is part of a Asynchronous Javascript mini-series. next up:
Part 1: AJAX Explained
Part 2: Async vs Sync JavaScript
Part 3: Callbacks
Part 4: Promises
Part 5: Async and Await
___
⭐ In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here: bit.ly/tabnine-top-tool
⭐ You can get a blockchain domain with my affiliate link here: bit.ly/get-a-crypto-domain
⭐ If you would like to buy me a coffee, well thank you very much that is mega kind! : www.buymeacoffee.com/aniakubow
⭐ Sign up for weekly coding tips from my newsletter partnership: bit.ly/JS-tips
You can also find me on:
Twitter: / ania_kubow
Instagram: / aniakubow
#codingbootcamp​ #coding

[@girabbit]

FINALLY someone who can explain coding without casually throwing in terms they think you should know, or assuming you understand it and just need a refresher. You’re explaining the concepts behind it, not just describing the code 👏👏👏

[@harrismawardi4195]

I just went through this topic on Codecademy today but it felt super rushed in actually explaining what it was I was learning - your vid is so clear and I feel a lot more confident in understanding the code I am writing!

[@markslima1557]

Thank you so much for this clear explanation - my Codecademy exercises rushed through this concept and I barely retained the concept. This is much more clear and straightforward you're an excellent instructor!

[@kenneth6965]

I graduated from a University and I am now in my first software development internship. Now I realize I know nothing. Videos like this really help out. Thanks Ania for making these videos I really appreciate what you do for the dev community.

[@Working800]

My first tech reunion was on wednesday 16 and this is something they tell us to look at, perfect timing

[@user-wt9xz1sc9w]

By far the best tutorials on youtubes! You are simply amazing at actually explaining everything as you go along!
Thanks a bunch, and keep up the good work!
Much love from a Denmark!

[@dakotafabro5741]

Thank you so much, Ania! Your videos are so helpful and so easy to follow along with. I enjoy watching and learning from you 😊

[@strategy_gal]

This is a great tutorial! I've always been curious about AJAX and I'm glad I found your video. Thanks for sharing!

[@AmirSiami]

wow I just love the way you're teaching. So smooth, so confident. You're the best.

[@rageofstate2695]

Thank you for such a clear explanation of a concept I had trouble fully grasping. Now it makes complete sense.

[@aniakubow]

Thanks for watching 💚

[@sahilaujla]

I am trying to wrap my head around AJAX and at the right time your video comes to save my life
waiting for it!!

[@ZurioSi]

Amazing video as I expected!. Can't wait to see the other parts.

[@ahmadalharbi9097]

Thank you Ania , You made ajax simple for me , looking forward to your next video about ASYNC

[@sauraussaurus]

I am a fan, There are times i find myself replaying tutorial videos and the last play always leaves me more confused that the first. I love Ania becuase she really breaks the concepts down in very digestible terms. Ania is the goat.

[@nabeelnajeeb8]

Thank you so so much for this explanation. This cleared up so many things for me within just 20 mins. Highly appreciated.

[@jackdanksterdawson112]

You are such an Angel Ania, your teaching style and narration is spectacular!
Thanks for everything you do!
Love you♥

[@Swift_Alvar]

I really like your mini series! thanks!

[@MrLucaslucal]

This is very useful, loved the ease you have to explain thank you very much Ania 🎉❤

[@photontube]

simply put you wrote async concept in my mind forever! Thank you Ania

[@HELLNAWW]

What we need is a video going through all the different ways to perform AJAX. There's this way, jQuery AJAX, Axios, Fetch, and HttpModule in Angular. Probably more but at least these are the most common.

[@tedspens]

I'm learning so much from your channel because you explain everything so clear and precise. AJAX is one of those things... I've always had a clue how it works, something about http request and xhr, but nobody has explained it so well before now. It's like they assume I know a lot of things that I don't know. You have a knack for teaching. Thank you! 🎓 👍🏻

[@aniakubow]

Thanks so much! It’s comments like these that make it all worth while 🥰

[@danieldelfresno]

Finally this stuff is making sense to me... and is going to be really useful. Thanks Ania.

[@CuriousTinkerers]

Eagerly waiting for the next set of videos in this series

[@subhodeepbasak9092]

Awesome tutorial Ania!...you just cleared all my doubts.

[@afretoon]

Very useful explanation about ajax, I'm waiting for more of this kind of videos 👍👌

[@lisakrause8944]

This is sooooo helpful THANK YOU !!!

[@hananfadah]

Thank you so much for covering this topic so well!

[@juliocalero8942]

Excellent example of ajax, the first video of yours that I see and it is very cool. Greetings from LATAM

[@petrraisigl5454]

This is 100 times better than my JS class in college lol, amazing job!

[@johnniewalkerjohnniewalker2459]

thank you Ania.This video was really helpful.

[@lobakku]

I love the way you teach. It is enjoyable.

[@se-vs7sg]

Very nicely done video and great explanation and all. Subbed

[@kaly3877]

These videos are awesome! Doing a much job of stepping through content than my uni lectures 😭

[@mauroymgch339]

Great! Best and beautiful webdev teacher ever!

[@parsmicrosystem8523]

Thanks Ania , I liked your video

[@Fine-LivingSoul]

You are simply too Good for me as a Teacher 🌹

[@charlottelopez7138]

Thanks for awesome explanation. Helpful and clear.

[@RahulKumar-ng8rs]

THank you ma'am, really simple and fun to understand.

[@fuesto]

Awesome Ania, thank you for your time and your qualitywise tutorials. Personally i have learned a lot and I do really like your approach in every concept. Without sounding ungrateful do you think sometime in the future make a series or a video about algorithms, like solving some from Codewars from novice to more advanced with the same approach you use so far. Thank you again and have a great week :) :)

[@corneliusisaac6539]

Gradually making sense of this.

[@ashraffouad]

Thanks Ania, well explained.

[@ianclarke1683]

excellent clear and complete, thank you

[@kholahchoudhary637]

Absolutely brilliant !!! You are a saviour!

[@chio3112]

Brilliant, can't wait for another video!

[@plxcxs5855]

love your vids they helped alot and are super fun, thank you Ania

[@paolobattiloro947]

Mi piace molto il tuo modo di spiegare. Brava

[@appsenence9244]

Amazing subscribed today and already watched several of your videos. All of them are just so good:))

[@konstantinstefanov365]

Great video, great explanation. Thanks!

[@adonsav]

Thanks a lot, very nice and neat explanation. Keep up the good work!

[@sagardeka2158]

love u, your teaching, and your accent

[@aniakubow]

Thank you! 😃

[@miguelcoding3568]

Thanks Ania!, I really apreciate that content.

[@rishabkumar9578]

Amazing Ania!

[@rasib101]

Thank you for this lovely video!

[@nhanth]

100k subscribers is not too far ahead ; )

[@dreamlit8500]

love it, excellently explained

[@whatnothin1401]

The greatest teacher!

[@gamebred6995]

Epic explanation ❤

[@rangabharath4253]

Awesome as always Ania 👍😎

[@devine_noise]

If you're just getting here the api has been updated and the paths to make this tutorial work are 'country.name.common' and 'country.flags.png'

[@jpkeys6000]

I was driving myself nuts after getting: [object].THANK YOU! Also, how did you find out?

[@donidewit]

Thank you, much appreciated!

[@trtlphnx]

I Can Actually Use AJAX And Have, Very Nice Present My UNIX Based Minx; Love You and Your Work ~

[@kushaldas5313]

this is a great video , you have explained very well

[@onestepwebdev]

Hi Ania, nice tut, I must have learned this 20 times already though hopefully hearing it from you will help it finally stick. Looking forward to the Fetch tut ( same applies). Have a great day.

[@abdelghv4112]

super helpful i was having some difficulties to understand what is the relation between all these names JSON AJAX XML JS wow now it's really clear thanks

[@matt.mattox3518]

Thanks again for another great video:) Of course I subbed! I encourage all others to as well as she has great content and tutorials.

[@arjunmuralidharan8528]

You are a great teacher

[@mostafamahmoud7852]

you are amazing ANIA thank you for the amazing explanation. mostafa from egypt.

[@Jimbob2k]

You have been making some great vids lately

[@aniakubow]

thanks so much Sunil!

[@zamirshams3430]

cool, now im dominant on using api, thank you so much

[@Stevengdev]

I like the way you teach!!!

[@micharozek3046]

Oprócz kodowania to chciałbym tak super posługiwać się angielskim jak Ty :D Cudownie brzmisz, wyglądasz i kodujesz!

[@aniakubow]

Dziękuje ślicznie! 😊

[@micharozek3046]

@@aniakubow Aniu proszę podziel się sekretem jak można nauczyć się angielskiego żeby mówić jak Ty ? :D

[@ssumit196]

thanks Ania, I hope you'll do a bit of *fetch & axios* in your upcoming videos.

[@aniakubow]

Sure will be ! :)

[@messaoudhoussem2473]

Thank you my best teacher

[@erwin_jesus]

Nice tutorial!!!! thank you!

[@averagestudent6381]

Thank you for this! Super cool video! A+++

[@mgusa9372]

GO Ania! Thank you sooooo much!

[@tomsantos220]

adorei sua aula !!!

[@sanfordhoffman2392]

Very well done.

[@BMikel]

Also struggling to wrap my head around AJAX. As well as AJAX interacting with JSON

[@FunIsGoingOn]

Omg such blast from the past, this reminds me of when I first read about it in a Javascript tutorial book and didn't yet understood how it will change the web.
Had to look at my Amazon orders, that was 13 years ago, yeah those different return states, different syntax for IE or the others and only about plain text data. ^^

[@aniakubow]

Thanks so much for sharing Chris 💚. And thanks as well for watching - I’m so honoured 😊

[@FunIsGoingOn]

@@aniakubow Honoured by me? Now I'm blushing... 😅
Always refreshing to come back to the basics once in awhile, I think I landed here some months ago after watching a video of Web Dev Simplified.

[@jackcorazon8883]

Nice video. Thanks!

[@davidruiz3616]

Thanks for learn I love

[@amanmathur5742]

Awesome content 👍

[@Therealburds]

you have a very good input. 😂 thank you

[@VassiliySmith]

You are awesome. Keep it On!

[@asoaziz9745]

Thank you so much

[@asimwilliams2116]

Thank you!

[@mackensonreginaldmichel399]

Nice video. Thanks a bunch. But why did you not use responseText? And what are headers please?

[@rafaelmacedo7155]

Thanks for share.

[@elhamzeinodini4828]

Great video

[@nickgood3998]

Now thanks I appreciate this you gave the look and I like ok buy🥰

[@adhoccerswings]

Hell yes. I'm on a cyber security course, it often happens that I somehow solve the coding tasks, then am left wondering what the hell exactly happened = why exactly does it even work (since the explanations on the course are super stripped). Videos like this are GOLD. Thank you!! c:

[@Ati1254]

Thanks a lot😍.

[@ygr4943]

شكرا

[@zordmax]

Tnx Ania very useful video but what difference between XMLHttpRequest and Fetch? What better to use?

You`re my hero

[@mwalecz]

did this recently and the new revision of the countries rest api has an added layer of keys, so to get the country name in the innerHTML I had to use 'country.name.common' in the onload function. Similar for the flags, use 'country.flags.svg' - here you can extract the image alt text and a .png version as well, I just used the svg.

[@user-dd7zz8ek8z]

thanks for sharing!

[@prudhvichinnam1488]

Do videos on promises 🎉🎉

[@MohammadArifRahim]

loved it.

[@vivekanand5900]

Wow I just learn lots of things here..do you have any course for complete web development?

[@weihyac]

thank you