O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

AJAX JavaScript XHR and Fetch

Video Description

Learn how to use AJAX within your web applications, Course covers vanilla JavaScript using XMLHttpRequests and Fetch

About This Video

  • How to set up your responsive web page connect to APIs and load data.
  • Everything you need to build responsive pages is by JavaScript and retrieve data faster is by making AJAX requests using the XMLHttpRequest.

In Detail

This course covers making AJAX requests using the XMLHttpRequest as well as the newer fetch. Typically when a user goes to a website the user has to wait for the server to respond with the data. This is not the case as with AJAX we have the option to load the data when the user is already on the page making the user really happy.

This Course covers the following:

  • How to setup a localhost
  • What Fetch and XHR are and how they work
  • How to load an external files into the JavaScript
  • How to connect to web apis and load data
  • Using JavaScript to read response content and make use of it
  • Exercise to build a random user loader
  • Using AJAX to get a txt file content
  • Exercise Getting Random Jokes to output on a website
  • Using Fetch
  • Exercise Posting form data to a server using Fetch
  • Practice AJAX

The possibilities are endless, using JavaScript to send requests, receive response content and use the response data to output into the html. JavaScript is at the center of it all connecting the web page and provides you a wide variety of options where you can take the code provided within this course and extend on it in any number of directions. Learn practice and have fun.