• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content







Total Views
Views on SlideShare
Embed Views



1 Embed 1

http://www.slideshare.net 1



Upload Details

Uploaded via as Adobe PDF

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

    AJAX AJAX Presentation Transcript

    • AJAX & WEB 2.0 13th of Oct, 2007 Hyderabad, India
    • We appreciate 
    • Outline .What is AJAX .Why we need AJAX .How it can be implemented in web pages .XML DOM .Illustration of samples .Reverse AJAX .Libraries available .Web 2.0 features
    • What is AJAX AJAX stands for Asynchronous JavaScript and XML. Ajax isn’t a technology.  It’s really several technologies, each flourishing in its own right,  coming together in powerful new ways.  Ajax incorporates:   XHTML and CSS standards based presentation    Interaction with the page through the DOM •   Data interchange with XML and XSLT •  Asynchronous data retrieval with XMLHttpRequest  •  JAVASCRIPT to tie it all together •
    • Why we need AJAX • To improve user interactivity • To overcome page reloads • To make the web applications faster responsive • Single Page Interface- reduces navigation • Some of the uses are • Real-time form data validation • Auto completion • Load on demand • Sophisticated user interface controls and effects • Refreshing data and server push • Partial submit • Page as an application
    • How it can be implemented in web pages Details of the each topic
    • XHR function   initRequest(){ if (window.XMLHttpRequest) { //For Mozilla / Netscape / Opera         return new XMLHttpRequest();     } else if (window.ActiveXObject) { //For Internet Explorer                return new ActiveXObject("Msxml2.XMLHTTP");     } }
    • Asynchronous communication var req = initRequest(); req.onreadystatechange = function(){ if (req.readyState == 4) { if (req.status == 200) { //what do you want to do with req.responseText/req.responseXML } } else{ //loading message until you get the response } }; req.open("GET", “emp.xml”, true); req.send(null);
    • XML DOM The XML Document Object Model (XML DOM) defines a standard way for accessing  and manipulating XML documents. The DOM presents an XML document as a tree­structure (a node tree),  with the elements, attributes, and text defined as nodes. Employe es Id=1 Id=2 Employee Employee 2 1 Name Salary Name Salary
    • HTML DOM documen t Id=1 Name=form1 form div p span textfield dropdow n
    • Illustration of samples
    • Reverse AJAX . Streaming , pushing the data from the server to browser . Periodical updation of Stock . Just Initiate the call and leave
    • Libraries available  DWR (Direct Web Remoting)  DOJO  ZK (ZKOSS)  Mochikit  Prototype  Scriptaculous  JMaki  Tibco GI  GWT  YUI
    • Web 2.0 ● Letting the user to customize page for his account ● Drag and Drop features ● Rich look and feel like desktop application ● It uses AJAX extensively for usability, asynchronous data  retrieval and updation
    • Summary / Take home  Not a new technology  But a fine technology for RIA  Small technologies like JS,CSS and HTML are bouncing back.  Keep your fingers crossed, lots of things are coming up  Still lot of work to be done for security
    • Resources ● http://chandlerproject.org/Projects/AjaxLibraries ●  http://www.w3.org/WAI/intro/aria ● http://ams.tibco.com/StockListDemo/ ● http://ams.tibco.com/GIDemo_Advanced/ ● http://www.pushlets.com/
    • Books Book cover pasted here – size is 5cm x 7cm
    • Special thanks CommVault Systems (India) Pvt. Ltd. http://www.commvault.com/ CommVault is a Storage Management, Backup  and Disaster Recovery company incorporated in USA with its Global Development Centre in Hyderabad, AP.
    • The strength of many, the power of one. Global: GetSet will be the first choice of customers worldwide, for high quality IT solutions and services Excellence: A commitment to strive relentlessly, to constantly improve ourselves, our teams, our services and products so as to become the best Technology: we are committed to surpassing our customer expectations with the best technology solutions Shareholder: We strive to consistently generate long-term per share value, following a clear business strategy that embraces our core values Employee: We value and encourage the individual and cultural diversity of all employees; we treat everyone with dignity and respect Thought Driven: Innovation is the differentiator that fires the imagination and delivers result
    • About us ... Charter Promote, Develop and Showcase Open Source software. website www.twincling.org more info info@twincling.org irc mailing list #twincling groups.yahoo.com/group/twincling groups.yahoo.com/group/storage helpline forum (software --> twincling) +91-98482 37656 http://www.nabble.com/twincling­f15741.html