Ajax example: Database Interaction (Silent Data Update) and Tabbed View

Information is retrieved from a database and updated without page refresh.
Two tabs are available for viewing and editing information.

Usage instructions:
1. Click on an employee in the list. Employee information is displayed without page refresh.
2. Click the Edit tab, modify information and click "Save". The data will be saved in the background and the employee list and information updated on the page.

 

Employee List Name   James Morton  Adam Bryzek  Matt Vaughn  Bob Newell  Sabrina Rek  Jamie McCants  Add New

Employee Information Name Jamie McCants  Position Webmaster  Email jmccants@nowhere.com        Add/Edit an Employee Name Position Email

Ajax examples created using CodeCharge Studio 4.0.