xiangcatherine / jquery-ajax-get-element

jQuery AJAX GET Element

Prerequisites

• http-study
• json-study
• Ajax Get Collection

Objectives

Make HTTP requests using curl, the browser address bar, and AJAX for:

• A specific resource.

Use response data in future requests

Preparation

1. Fork and clone this repository.
2. Create and checkout a new branch (training).
3. Install dependencies with npm install.

You can access the same web server that we set up during jquery-ajax-get-collection. Just leave the server running at the same port.

If you need to set up the web server from scatch:

We'll make requests of and receive responses from an HTTP server we'll set up together:

1. Open a new terminal (window or tab).
2. Change into ~/wdi/tmp.
3. Fork and clone library-api-guide and follow installation instructions listed there.
4. Once installed, checkout a jquery-ajax branch within library-api.

We're now ready to make requests.

GET /books/:id

Retrieve a book from the API

Demo: Browser Single Book

Entering http://localhost:4741/books/1 into the chrome address bar.

Demo: Curl Single Book

We'll use curl to retrieve the one book at a time.

Code Along: Curl Single Book

Let's write that curl command into a script.

Lab: AJAX Single Book

Again, take a stepped approach:

1. Add a text input for a book id to the form in index.html.
2. Retrieve the value of the id, if any, in the submit handler.
3. Branch on that value in the submit handler.
4. Add a single book success and fail handler to assets/scripts/ui.js.
5. Add a single book retrieval method to assets/scripts/library-api.js.
6. Invoke the single book 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 [email protected].