AJAX How to Work - Visual Diagram Explanation AJAX Introduction
HTML/CSS is website markup language for defining web page layout, such as fonts style and colors.
Document Object Model
Document Object Model (DOM) method provides a tree structure as a logical view of web page.
AJAX - How to Work?
Above figure (visual diagram) illustrates how AJAX technologies work together to handle user action. User action are triggers an AJAX response.
Web Server process the request and return XML contain data.
XMLHttpRequest object calls to a callback function along with response from the web server.
Client browser updates the HTML DOM representing the web page along with new data.