AJAX
18
AJAX By Sub: E-Business Technologies Satyasree Doddy BCM1 SS09
description
AJAX. By Sub: E-Business Technologies Satyasree Doddy BCM1 SS09. Agenda. 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 - PowerPoint PPT Presentation
Transcript of AJAX
AJAX
BySub: E-Business TechnologiesSatyasree DoddyBCM1 SS09
Web 2.0 What is Ajax?Ajax ApplicationHow Ajax Works?Technologies behind AjaxStarting from the browser…Understanding Server RequestAjax Request/Response ProcessWho is Using Ajax?Drawbacks of Using AjaxConclusionReferences
Agenda
The Web as services, not software
Separation of data and presentation
Richer, more responsive user experience
Web 2.0
Term coined by Jesse James Garrett in his article Ajax: A NewApproach 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”
What is Ajax?
How Ajax Works?
Ajax Application
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 webServer asynchronously and update HTML DOM using JavaScript
HTML/XHTMLDOMJavaScriptCSSXMLXSLTXMLHttp
Technologies behind Ajax
Starting from the browser…
Understanding Server Requests
User enters text in form fields
Browser sense that a particular action has occurred
Browser make a server request!
Server processes request and returns response
Action Event FilterData ServerFetch Data Reaction
<form > <onekeyup> XMLHttpRequest() datafFile.php readyState responseText
Browser updates type ahead layer
Browser processes server response
Example: Ajax Form POST/GET - HTML Form Submit with JavaScript
Example 1: Using AJAX and Spread
Ajax Request/Response Process
Must know many different technologiesJavaScript, CSS, XML, on client sideC#, Java, PHP, SQL on server side
Hard to develop debug and maintain dynamic web applicationsThey still aren’t as responsive as desktop applications.
Drawbacks of Using Ajax
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.
Conclusion
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-indicatorsGoogle Suggest (www.google.com/webhp?complete=1)A9 (www.a9.com)Yahoo! News (http://news.yahoo.com/)
References
Q & A
