So What is AJAX?
What does an AJAX request look like?
At a high level an AJAX request consists of the URL you a making a request to, and then corresponding settings to handle the response. Below are a few of the more popular callbacks that make up the settings:
- success: what to do if the URL request is successful
- error: what to do if the URL request is unsuccessful
- timeout: how long to allow the URL request to run before an error message pops up
- beforeSend: runs before the AJAX request, good place to put a spinner
- complete: runs after both success and error, good place to stop a spinner
1 2 3 4 5 6
Example 1: makes a request to ‘index.html’ and then inserts the response into the item in the DOM that has a class called “hello-world”
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
1 2 3 4 5 6 7 8 9 10 11 12 13
Example 5 demonstrates some of the callback settings. In this AJAX request, if the response is not successfully made it will stop the request after 3 seconds (3000 milliseconds). It also demonstrates common code for adding a loading animation while the request is being made.