How to Use AJAX and jQuery for Client-Side Inclusion of Your HTML5 and CSS3 Site
AJAX can give you the same effects for your HTML5 and CSS3 that Server Side Includes (SSI) does. The page will look exactly the same but an entirely different method will be used to achieve your goal.
The page content is empty. All the contents are available. A jQuery AJAX call was used to load each text file into the appropriate element.
Here’s the plan:
Import the jQuery library.
The jQuery library is by far the easiest way to work with AJAX, so import jQuery any time you want to work with AJAX.
Add an initialization function.
Load each div with the load() method.
The jQuery library has a load() method that allows you to make an AJAX call and place the document in the indicated element. Use this mechanism on each element in your page.