No description, website, or topics provided.
Switch branches/tags
Clone or download
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
curl-scripts
grunt
lib
spec
.editorconfig
.eslintrc.json
.gitignore
.remarkrc
.sass-lint.yml
CONTRIBUTING.md
Gruntfile.js
LICENSE
NOTES.md
README.md
STYLE.md
favicon.ico
get-form-fields.md
index.html
index.js
package-lock.json
package.json

README.md

General Assembly Logo

jQuery AJAX GET

Prerequisites

Objectives

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

  • Make HTTP requests using curl, the browser address bar, and AJAX for:
    • A resource collection.
  • Use response data in future requests.

Preparation

Set up the client:

  1. Fork and clone this repository.
  2. Create a new branch, training, for your work.
  3. Checkout to the training branch.
  4. Install dependencies with npm install.

We'll make requests to and receive responses from an HTTP server hosted at https://wdi-library-api.herokuapp.com

Connecting to the library-api-guide

GET /books

Retrieve a list of books from the API

Demo: Browser Book Collection

Entering https://wdi-library-api.herokuapp.com/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:

  1. Add a form to index.html.
  2. Add a submit input to the form.
  3. Add an event listener to the form in the document ready event in assets/scripts/index.js.
  4. Add a submit handler to pass as callback to event listener assets/scripts/books/events.js.
  5. Add a book collection retrieval method to assets/scripts/books/api.js.
  6. Add a collection success and fail handler to assets/scripts/books/ui.js.
  7. Invoke the collection retrieval method from the submit handler passing the success and fail callbacks.

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.