jQuery AJAX GET
Prerequisites
Objectives
Make HTTP requests using curl
, the browser address bar, and AJAX for:
Use response data in future requests
Preparation
Set up the client:
- Fork and clone
this repository.
- Create and checkout a new branch (training).
- Install dependencies with
npm install
.
We'll make requests of and receive responses from an HTTP server we'll set up
together:
- Open a new terminal (window or tab).
- Change into
~/wdi/tmp
.
- Fork and clone library-api
and follow installation instructions listed there.
- Once installed, checkout a
jquery-ajax
branch within library-api
.
We're now ready to make requests.
Connecting to the library-api
GET /books
Retrieve a list of books from the API
Demo: Browser Book Collection
Entering http://localhost:4741/books
into the chrome address bar.
If not already installed in chrome, let's add a JSON formatting utility.
Demo: Curl Book Collection
curl
is a command line utility for making http requests. We'll use curl to
retrieve the book collection.
Code Along: Curl Book Collection
Let's write that curl command into a script.
Code Along: AJAX book Collection
We'll take a stepped approach:
- Add a form to
index.html
.
- Add a submit input to the form.
- Add a submit handler to the form in the document ready event in
assets/scripts/index.js
.
- Add a collection success and fail handler to
assets/scripts/books/ui.js
.
- Add a book collection retrieval method to
assets/scripts/library-api.js
.
- Invoke the collection retrieval method from the submit handler passing the
success and fail callbacks.
- All content is licensed under a CCBYNCSA 4.0 license.
- All software code is licensed under GNU GPLv3. For commercial use or
alternative licensing, please contact legal@ga.co.