No description, website, or topics provided.
Clone or download
Pull request Compare This branch is 14 commits behind ga-wdi-boston:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
grunt
lib
spec
.editorconfig
.gitignore
.jscsrc
.jshintignore
.jshintrc
.remarkrc
.scss-lint.yml
CONTRIBUTING.md
Gruntfile.js
LICENSE
README.md
STYLE.md
favicon.ico
forms.md
index.html
index.js
package.json

README.md

General Assembly Logo

JavaScript XML HTTP Requests

JavaScript XML HTTP Requests (xhr), created using the XMLHttpRequest constructor function, are part of the Web API provided by browsers. These objects perform asynchronous network operations (a.k.a. AJAX in jQuery). In jQuery, $.ajax returns something called a "deferred object" that implements the Promises/A+ specification.. In this talk, we'll create a Promise interface for xhr using native promises and native xhr.

Prerequisites

Objectives

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

  • Organize solutions to evented APIs using callbacks and promises.

Preparation

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

Annotate Along: XML HTTP Requests

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.

Lab: Compare XHR with AJAX

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.

Additional Resources

License

  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 legal@ga.co.