Law-Mahaz-AJAX.ppt
Upcoming SlideShare
Loading in...5
×
 

Law-Mahaz-AJAX.ppt

on

  • 1,134 views

 

Statistics

Views

Total Views
1,134
Views on SlideShare
1,134
Embed Views
0

Actions

Likes
0
Downloads
8
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Law-Mahaz-AJAX.ppt Law-Mahaz-AJAX.ppt Presentation Transcript

  • 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
    • 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.
  • AJAX a New Name
    • Requirements
      • Plugs-ins
      • Browser specific add-ons
    • Repercussions
      • Hassle of third party software
      • Page was always browser specific
  • 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
  • A synchronous J avaScript A nd X ML
    • 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
  • 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
  • Advantage
    • Bandwidth usage
      • Quicker loads
      • Rest of the layout does not have to be redrawn on each update
    • Compatibility
      • Works on ‘ most’ browsers
  • 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
  • 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.
  • Demo
    • Web-based demo:
    • http://www.Mahaz.com
  • 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