Learn XML HTTP Requests in JavaScript | AJAX Tutorial

XML Http Requests (AJAX) allows you to send and receive data from external files within your Javascript code without refreshing the page or re-running your script.

In this video we look at how to create a request and then download the data, inserting it into the HTML body.

For your reference:

Follow me on Twitter @dcode

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

#dcode #javascript #webdev

[dcode-software]

UPDATE:

Learn how to use AJAX to load data from an external file straight into your HTML tables:

[conanchambers]

Wow! I understand that syntax has changed but with your explaining my understanding has vastly improved so so much! Thankyou!

[mouthbreather]

Very Great Video! Codecademy doesn't even go into any detail or depth as for the purpose for the actual commands used. Really helped understanding the process more. Thanks for the great content and tutorial man! :)

[greatpandas]

You're a lifesaver man, I really appreciate this. Thanks

[HAXXOR]

watching this video in 2022, you sir is "GREAT".
it helped me a lot <3

[varletconstundefined]

amazing simple to the point.
great introduction.
i had zero knowledge before the video
after it i googled for some other videos, and it was simple after your.
Thanks man :)

[wemode]

Great video. Concise and very informative

[GlenMillard]

I learned quite a bit from your video - thanks much! It was excellent! :)

[imcw]

nice code editor + blue switch + good content + beautiful cover image. Love your videos, dcode!
p.s: it would be great if you record in 60fps

[Good-Enuff-Garage]

absolutely positively brilliant example

[Devronization]

Great video. Thanks a lot. I like your teaching style. Keep up the good work.

[vuedev]

beautiful explanation of XMLHTTPREQUEST( ); TYSM ❤

[zenziiiiiiiiii]

Thanx for making the video, I really needed this explanation.

[mistakenmillenial]

Thank you so much for this video. It helped me a lot. <3

[moddingdudes]

Thank you for this video very much. It fits very well when you read a little bit of the W3Schools page and I was still a little confused but you cleared all of that up and I thank you for that. I also believe in your xhr.readystatechange function you can use this.readystate and this.status instead of xhr.readystate or xhr.status. Thank you for your help though.

[jessicarosenberg]

Thank you so much!!!! Just what I needed😊😊

[hyperspace]

Best XHR tutorial! Tried googling but couldn't find any helpful results.

[galbeeyutdmok]

Hey Dom, do you like to use the DOM ?

[gokharol]

Readystates:
0 - unset
1 - opened
2 - headers_received
3 - loading
4 - done

[ilikespaghetti]

can you make just like this one but if you click a button it will function the XML HTTP Requests