Chapter 1. The Core of CORS
Figure 1.1. End-to-end CORS request flow
Figure 1.2. Loading photos from Flickr using CORS
Figure 1.3. Details on the HTTP request and response from the Flickr API
Chapter 2. Making CORS requests
Figure 2.1. Two houses with two people in each. Each house represents a website, and the people in the house are web pages.
Figure 2.2. Illustrating the difference between a same-origin and a cross-origin request
Figure 2.3. Making a request from the browser to the Flickr API
Figure 2.4. Canceling a request that is still in progress using the timeout property and abort method
Figure 2.5. Which event handlers fire during the course of an HTTP request
Figure 2.6. Distinction between the response and response status code. The status code may have an error, but the onload event handler will still fire.
Figure 2.7. Example of drawing a rectangle on a canvas
Figure 2.8. The error when trying to extract data from a tainted canvas
Chapter 3. Handling CORS requests
Figure 3.1. The sample blogging app consists of two parts: an API with blog data, and an HTML page to display the blog data.
Figure 3.2. The location of the API endpoint within the sample app
Figure 3.3. Output from running the API server
Figure 3.4. The response from a working server
Figure 3.5. Location of the client web page within the sample app
Figure 3.6. Client page with a successful request
Figure 3.7. Viewing the HTTP request and response to the API
Figure 3.8. Topology of sample app with new server