1 / 12

A synchronous J avaScript A nd X ML

A synchronous J avaScript A nd X ML. Gloria Law Joshua Mahaz. A synchronous J avaScript A nd X ML. Technique for creating web applications that are… faster more functional real-time Achieved through client/server communication without page reloads. AJAX a New Name.

haley-terrell
Download Presentation

A synchronous J avaScript A nd X ML

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. AsynchronousJavaScriptAndXML Gloria Law Joshua Mahaz

  2. AsynchronousJavaScriptAndXML • Technique for creating web applications that are… • faster • more functional • real-time • Achieved through client/server communication without page reloads

  3. AJAX a New Name • Components have been around since mid 90’s • Microsoft Remote Scripting • IFRAME (IE3) • LAYER (Netscape 4) • Provided a means of loading external URLs that could modify a parent page.

  4. AJAX a New Name • Requirements • Plugs-ins • Browser specific add-ons • Repercussions • Hassle of third party software • Page was always browser specific

  5. AJAX a New Name • Advancements in Web Development 2000+ • Widespread adoption and refinement of • Client Side Scripting (JavaScript) • Server Side Scripting (PHP/SQL/ASP) • XML Request (Microsoft Remote Scripting) • Aloud for an easier, portable, and more refined approach, AJAX

  6. AsynchronousJavaScriptAndXML • Technique for creating better, faster, and more interactive web application • JavaScript can communicate directly with server • scripting language in which Ajax function calls are usually made • Uses asynchronous data transfer (HTTP requests) between the browser and the web server • Can use on different OS, free and open source implementations of suitable

  7. Usage • Real-time form data validation • Can validate in a form before the user submit the form • Auto completion • Portion of form data may be auto completed as the user types • Load on demand • An HTML page can fetch more data in the background • Refreshing data and server push • Pull data from a server for a up-to-date data • Not require to reload the full page

  8. Advantage • Bandwidth usage • Quicker loads • Rest of the layout does not have to be redrawn on each update • Compatibility • Works on ‘most’ browsers

  9. Advantage • Functionality • Constant data fetching allows page to stay ahead of user • JavaScript event handler gives page a real-time feel • Mouse click • Focus changes • Timers/Interrupts

  10. Disadvantage • Browser Integration • Does not register itself with the browser history engine • Complexity • Need to have some knowledge of presentation logic in the HTML client page as well as in the server-side logic • Response-time concern • Network latency • Debugging • Processing logic is embedded both in the client and on the server.

  11. Demo Web-based demo: http://www.Mahaz.com

  12. Reference • http://www.adaptivepath.com/ideas/essays/archives/000385.php • http://devedge-temp.mozilla.org/viewsource/2003/inner-browsing/index_en.html • http://groups.google.ca/group/microsoft.public.scripting.remote/browse_thread/thread/99b7e6152b45b2e7/6b3689e2dc7401dc • http://arscif.dsi.unimi.it/ • http://msdn.microsoft.com/msdnmag/issues/04/08/CuttingEdge/ • http://www.ietf.org/rfc/rfc2396.txt • http://www.ietf.org/rfc/rfc3986.txt • http://www.xml.com/pub/a/2005/08/22/ajax.html

More Related