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

View more information about this example

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 
  
 
Employee Information
Name  
Position  
Email  
 
 
 
Add/Edit an Employee
Name
Position
Email
 

Ajax examples created using CodeCharge Studio 4.0.