JavaScript XML HTTP Requests (xhr) are provided by browsers for performing asynchoronous network operations (a.k.a. AJAX in jQuery). In jQuery, $.ajax returns something called a "deferred object" that behaves a lot like a promise. In this training, we create our Promise interface for xhr using native promises and native xhr.

• Familiarity with jQuery $.ajax.
• ga-wdi-boston/node-api-promises

By the end of this, developers should be able to:

• Compare Promises with jQuery Deferred objects.

1. Fork and clone this repository.
2. Install dependencies with npm install.

We'll use the library-api we used when first learning about $.ajax to handle requests.

Let's examine and run the code in assets/scripts/xhr.js.

Then let's do the same with assets/scripts/xhr-promises.js.

List the differences and similarities between XMLHttpRequest and jQuery.ajax.

Could you build a simplified version of $.ajax based on the code in assets/scripts/xhr-promises.js.

• XMLHttpRequest - Web APIs | MDN
• Deferred Object | jQuery API Documentation

1. All content is licensed under a CC­BY­NC­SA 4.0 license.
2. All software code is licensed under GNU GPLv3. For commercial use or alternative licensing, please contact [email protected].