AJAX

By
K. Sai Soumya
07C21A0588
What is Ajax ?
 Asynchronous JavaScript And XML
 AJAX isn’t one technology
 A combination of existing technologies
 JavaScript, XML and XSLT , XHTML,
XMLHttpRequest
 A naming concept similar to Dynamic
HTML
 HTML, JavaScript, CSS
Elements of AJAX
 standards-based presentation using XHTML
and CSS
 dynamic display and interaction using the
document object model
 data interchange and manipulation using
XML and XSLT
 Asynchronous data retrieval using
XMLHttpRequest
 JavaScript binding everything together.
 “Normal” Web Application (non-Ajax)
Entire page is refreshed every time on a post back
• Browser “flashes”
• Page Scrolls back to the top
• Inefficient use of bandwidth
• Does not lend itself to interactive applications (ie maps, data
entry)
Browser ASP.NET
ASP.NET Application
Application
Browser “Dumb
“Dumb Client”
Client” Initial Page
Request Pages
Pages
Presentation
Presentation
(HTML/CSS)
(HTML/CSS)
Post back
Data
Data
Full page response
Non-Ajax: Amazon
 Ajax Enabled Web Application
• Entire page is loaded on first request only
• Browser acts as “Smart Client” and can contain UI logic
(JavaScript)
• Efficient use of bandwidth and server resources
• No more browser flash or scroll to top!
• More interactive UI for things like Data Entry, Maps, etc.
Browser ASP.NET
ASP.NET Application
Application
Browser “Smart
“Smart Client”
Client”
Initial Page
Pages
Presentation Request Pages
Presentation
(HTML/CSS)
(HTML/CSS)
XmlHTTPRequest
Data
Data
Data Response
Example: Personalised Google
AJAX VIDEO EXAMPLE
Traditional Model For Web
Applications Vs AJAX Model
Classic Synchronous Loads
Ajax Asynchronous Loads
Conclusion

AJAX is the next step, not last step. What

we ultimately end up with on the Web is
something that will be rooted in this
approach, but it may not use these
particular technologies. Conceptually,
decoupling user interaction from server
communication is here to stay
QUESTIONS?
THANK YOU