1 / 18

AJAX

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

lazar
Download Presentation

AJAX

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. AJAX By Sub: E-Business Technologies Satyasree Doddy BCM1 SS09

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

  3. Web 2.0 • The Webas services, not software • Separation of data and presentation • Richer, more responsive user experience

  4. 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 “JavaScript” • Typically JavaScript is used on the client-side • X is for “XML” • Request and response messages can contain XML”

  5. How Ajax Works?

  6. Ajax Application

  7. Technologies behind Ajax • HTML/XHTML • DOM • JavaScript • CSS • XML • XSLT • XMLHttp

  8. Starting from the browser…

  9. Understanding Server Requests Reaction Action Event Fetch Data Server FilterData <form > <onekeyup> XMLHttpRequest() datafFile.php readyState responseText Browser sense that a particular action has occurred User enters text in form fields Browser make a server request! Server processes request and returns response Browser processes server response Browser updates type ahead layer

  10. Example: Ajax Form POST/GET - HTML Form Submit with JavaScript

  11. Example 1: Using AJAX and Spread

  12. Ajax Request/Response Process

  13. Who is Using Ajax? www.a9.com

  14. Drawbacks of Using Ajax • 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.

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

  16. 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., 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/)

  17. Q & A

More Related