codecamp

Overview

This app is a demo of using AJAX to interact with the front end and manipulate any content without needing to refresh the page, which makes it very efficient to load any data based on different URL after the page is loaded for the first time. Basically, we still need to pass different hyperlinks to different elements that you want to trigger another element, for instance, click on a character and view its detail. But instead of opening the hyperlink, we will use JQuery to fetch the destination and call a AJAX function to read the data from the destination, and afterward, we then display that content into the page with some JQuery events, let's say, fade out the list, and fade in the detail panel to make it happen.

Live Preview Source Code