Transcript AJAXx

By
Sub: E-Business Technologies
Satyasree Doddy
BCM1 SS09
Web 2.0
What is Ajax?
Ajax Application
How Ajax Works?
Technologies behind Ajax
Starting from the browser…
Understanding Server Request
Ajax Request/Response Process
Who is Using Ajax?
Drawbacks of Using Ajax
Conclusion
References
The Web as services, not software
Separation of data and presentation
Richer, more responsive user experience
Term coined by Jesse James Garrett in his article Ajax: A New
Approach to Web Applications (Feb 2005)
A is for “asynchronous”
Requests can be made asynchronously or synchronously
J is for “JavaScript”
Typically JavaScript is used on the client-side
X is for “XML”
Request and response messages can contain XML”
Classic Web Application
Ajax Application
Post data to Web server
Send data to web server
asynchronously
Refresh page when web
server responds with new
HTML page
Receives response from web
Server asynchronously and
update HTML DOM using
JavaScript
HTML/XHTML
DOM
JavaScript
CSS
XML
XSLT
XMLHttp
Action
<form >
Event
Fetch Data
Server
<onekeyup> XMLHttpRequest() datafFile.php
User enters Browser
text in form sense that a
particular
fields
action has
occurred
Browser
make a
server
request!
Server
processes
request and
returns
response
FilterData
Reaction
readyState
responseText
Browser
processes
server
response
Browser
updates type
ahead layer
www.a9.com
Must know many different technologies
JavaScript, CSS, XML, on client side
C#, Java, PHP, SQL on server side
Hard to develop debug and maintain dynamic web
applications
They still aren’t as responsive as desktop applications.
The Ajax technique makes Internet applications smaller, faster
and more user-friendly.
Don’t have to refresh the browser page in order to display new data
from the server and get data asynchronously with XMLHttprequest.
Same benefits as other web applications such as universal reach via
internet, centralized
Administration, installation and upgrade, and browser already
installed on client.
Crane, D., Pascarello, E., & James, D. (2005). Ajax in Action, Manning.
Holdener III, A. T. (2008). Ajax: The Definitive Guide. (S. S. Laurent, Ed.) O'Reilly.
Moroney, L. (2006). Foundations of Atlas: rapid Ajax development with ASP.NET 2.0.
Apress.
Snook, J., Gustafson, A., Langridge, S., & Webb, D. (2007). Accelerated DOM Scripting
with Ajax, APIs, and Libraries. Apress .
Teague, J. C., McPeak, J., Fawcett, Joe. (2006). CSS, DHTML, & Ajax. (4th, Ed.)
Peachpit Press.
Zakas, N. C. Professional Ajax 2nd Edition. Wiley Publishing, Inc.
Webmails:
Web Applications (www.adaptivepath.com/publicatio/essays/archives/000385.php)
The home page for “The Web 2.0 Show” (http://www.web2.0show.com)
A variety of the indicators available at www.napyfab.com/ajax-indicators
Google Suggest (www.google.com/webhp?complete=1)
A9 (www.a9.com)
Yahoo! News (http://news.yahoo.com/)
Q&A