Published on October 26, 2016 by LearnWebCode
Want create site? Find Free WordPress Themes and plugins.

In this JavaScript tutorial we learn what JSON and AJAX are and how to use them to load new data into our webpage on-the-fly. Link to my new “Git a Developer Job” course: www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=19—-YOUTUBE

JSON URLs I use in the video:
learnwebcode.github.io/json-example/animals-1.json
learnwebcode.github.io/json-example/animals-2.json
learnwebcode.github.io/json-example/animals-3.json

Link to “beginning” demo code so you can follow along: codepen.io/anon/pen/QKPJmW

Link to “completed” demo code so you can see a final working example: codepen.io/anon/pen/RGOqQY

Link to my “JavaScript in Half an Hour” video I mentioned: www.youtube.com/watch?v=zPHerhks2Vg

Add me on Twitter for webDev updates and cat pics: twitter.com/learnwebcode

Did you find apk for android? You can find new Free Android Games and apps.

Leave a Reply

555 Comments on "JSON and AJAX Tutorial: With Real Examples"

Notify of
avatar

Edu Basabe
Guest
Edu Basabe
1 year 22 days ago

Absolutely professional. Thank you.

Gustavo Fenilli
Guest
Gustavo Fenilli
1 year 22 days ago

btw on your favorite food, couldn't you just add after htmlString += data[i].likes[ii] + " and ";and on dislikes you just remove the and and it should work the same without ifs?

Gustavo Fenilli
Guest
Gustavo Fenilli
1 year 22 days ago

damn I needed this video 2 weeks ago, but luckly i could make my project before, but a great video indeed.

Philip Berthiaume
Guest
Philip Berthiaume
1 year 22 days ago

This is one of the best explained videos available, thx

Thiago Barbosa (Xanhenha)
Guest
Thiago Barbosa (Xanhenha)
1 year 22 days ago

Great videos man! I'm already studying your trainings in Udemy. Greetings from Brasil!

Nonchalant 84
Guest
Nonchalant 84
1 year 22 days ago

Awesome tutorial. Thanks!

Francis Nadal
Guest
Francis Nadal
1 year 22 days ago

Man, you're awesome.

1 50 51 52
wpDiscuz