Upcoming SlideShare
Loading in...5







Total Views
Views on SlideShare
Embed Views



0 Embeds 0

No embeds



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.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
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:
  • Reference