Simple Ajax Using JQuery

This page shows a very simple example of using Ajax to update parts of a page dynamically.

When you click on any of the links below, the following things happen in the code:

  1. The client makes a request to the server for a specific file
  2. The server responds, and sends the contents of the file back to the client (as it always does when a page is requested)
  3. The client then puts the contents of that file into a particular section of the current page

Load _snippet1.html
Load _snippet2.html
Load _snippet3.html

This pink box is the div with id="snippet_container".
The files you load up via AJAX will show up here.