AJAX By Sub EBusiness Technologies Satyasree Doddy BCM

AJAX By Sub: E-Business Technologies Satyasree Doddy BCM 1 SS 09

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 Conclusion References

Web 2. 0 The Web as services, not software Separation of data and presentation Richer, more responsive user experience

What is Ajax? 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 “Java. Script” Typically Java. Script is used on the client-side X is for “XML” Request and response messages can contain XML”

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 web Server asynchronously and update HTML DOM using Java. Script

Technologies behind Ajax HTML/XHTML DOM Java. Script CSS XML XSLT XMLHttp

Starting from the browser…

Understanding Server Requests Action <form > Event Fetch Data Server <onekeyup> XMLHttp. Request() dataf. File. 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 Filter. Data Reaction ready. State response. Text Browser processes server response Browser updates type ahead layer

Example: Ajax Form POST/GET - HTML Form Submit with Java. Script

Example 1: Using AJAX and Spread

Ajax Request/Response Process

Who is Using Ajax? www. a 9. com

Drawbacks of Using Ajax Must know many different technologies Java. Script, 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.

Conclusion 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.

References 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. , Mc. Peak, J. , Fawcett, Joe. (2006). CSS, DHTML, & Ajax. (4 th, Ed. ) Peachpit Press. Zakas, N. C. Professional Ajax 2 nd 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. web 2. 0 show. com) A variety of the indicators available at www. napyfab. com/ajax-indicators Google Suggest (www. google. com/webhp? complete=1) A 9 (www. a 9. com) Yahoo! News (http: //news. yahoo. com/)

Q&A