jQuery Ajax Tutorial #1 - Using AJAX & API's (jQuery Tutorial #7)

In this jQuery AJAX Tutorial for beginners, we're going to be covering an introduction to using jQuery to access a JSON API (Application Programming Interface) to get data and populate it into the document. jQuery AJAX is powerful and is the first step to making dynamic websites that respond to the user actions as they happen. The first part of using jQuery AJAX to access a JSON API is to make a GET request, so this jQuery lesson covers how to make AJAX Get Requests with jQuery & JSON.

Lesson #1: jQuery Tutorial for Beginners

Lesson #2: Listen to user events and respond with jQuery actions!

Lesson #3: Clean up the jQuery by putting some data in the HTML

Lesson #4: "DOM Traversal" with jQuery

Lesson #5: Building a jQuery Tab Panel Widget

Lesson #6: Building a jQuery Slider / DOM Caching

Lesson #8: Ajax Pt 2 - posting data to the backend

-~-~~-~~~-~~-~-
Also watch: "Responsive Design Tutorial - Tips for making web sites look great on any device"
-~-~~-~~~-~~-~-

[fiandrhi]

I haven't done Ajax in 5 years, and I just needed a quick and dirty example to refresh my memory, and you're the only person who gave it. Thanks.

[cathairr]

This was exactly what I needed to understand how routing and RESTful APIs work. Thank you!

[suzyliu]

This video is awesome! It helps me solving a problem that i've been stucked for many days

[SirMasterToast]

0:32 He said, "Yippee" with no hesitation or sarcasm and I'm sold!

[vladio]

Every single code you typed, you explained it very easy. Thank you!

[Straitoil]

1:05 seconds in and I love you sir. Go on.

[CBQReview]

These videos go dumb hard. I'm well on my way to doing good front end and back end web development. thank you for the indirect support. Imma mention this channel in my Nobel prize speech :) :) :) :)

[johnsamson]

Thanks this is the only tutorial that made sense and easy to follow thru. Cheers!

[funkiekeda]

You're like super cool, man. Absolutely amazing tutorials with a great positive vibe to them. I wish I found this when I were learning the bases, I will make sure to recommend your stuff.

[BEBE-nfsf]

First, I've been following your video, and it's 2018. Great teaching. Thank you! 

For total beginners like me who are watching this video wonder about the backend file. To just first grab the concept of Ajax, we can skip the API part and just create a .json file and type in an array of object:
so in the "orders.json" file we have:
[
{
"id": 1,
"name": "James",
"drink": "Coffee"
},
{
"id": 2,
"name": "John",
"drink": "Latter"
}
]

and in the main.js file we just adjust the pathname at the url: 'orders.json' the rest of the code the same. ;)

[rezafarzin]

A very clean and to the point tutorial

[arnity]

You explained this so well. I have been struggling with ajax but now I really understand it with your video. Thanks!

[psyvegas]

very clear and precise tutorial I've seen. thanks!

[AjaySharma-jvqn]

Excellent Approach of teaching - Sound, Speed, time taken to express Superb

[kamallochanboruah]

most clear and understanding jQuery vid thanks. watching in 2020

[drum]

Thanks, these tutorials were pitch perfect for what I needed (a refresher after some years out of the web dev world). Cheers.

[stickybons]

I think I learned more in this video than I did in my entire semester in my databases class.

[nehneh]

Yours must be the only tutorial that I slow down instead of speeding up, because you don't talk a lot of s88t. And, thanks for that!

[samehabbadi]

You pretty tutorials really help me.



Thank you.

[xtraspicy]

hey dude, your channel is pure awesomeness! really learned a lot from watching your videos