AJAX   Changing the shape of the Web Tushar Chauhan 5 th   CE-1[ Roll No-16 ] [email_address] Ms.V.A.Parekh Prepaid By. Guided By. Lect In CE/IT Dept .
Introduction What is AJAX ? AJAX Request-Response Cycle. Working of AJAX Applications of AJAX
WHAT IS AJAX? Asynchronous Java script And XML. It is not itself a technology but a group pf technologies such as HTML Java script CSS XML DOM (document object model)
AJAX Request-Response Cycle.
How AJAX is Different?
Working of AJAX
 
Why we Use AJAX / Benefits of AJAX interface is much more responsive . small part of the page is transferred at a time . classic web application -content only – what is between the <body> tags -only one connection thread . With AJAX, you only have to load the basic scripts and CSS files, and request the rest as content, through multiple connections . Waiting time is reduced .
Advantages of AJAX Time saving Maximum Usage of Bandwidth  Browser and platform independent applications
Disadvantage of AJAX. AJAX-powered application can increase development time and costs . existing page conflicts -used to navigate and create bookmarks in modern browsers . The biggest concern with AJAX is accessibility . Turn off JavaScript support -fail-safe solution exists for those users . Actual XMLHttpRequest object itself-only use it to access information from the host that served the initial page .
Why we use AJAX in our project ? Involves heavy server requests . With multiple web forms that submit data to the server . heavy traffic . Display large amounts of data in a sequential manner without refreshing the entire page . Users interact frequently . Application response time is a concern  Loading times have to be as short as possible
Where not to use AJAX  Plain, static HTML pages . Application must be accessed by older browsers . Loading times - bandwidth usage is not a primary concern . Cost - time factors are paramount for the delivery of your project and your . Development team cannot afford to build a complex AJAX framework .
AJAX Using Jsp Introduction -rapidly develop , easily maintain, information-rich, dynamic Web pages. How to use Ajax in JSP 1. Ajax framework for java 2. Simple Ajax script for JSP
Ajax framework Using prototype.js Dojotoolkit Rico framework
Using Prototype.js http://prototypejs.org/download <script type=&quot;text/javascript&quot; src=&quot;/path/to/prototype.js&quot;></script>  Create one jsp file. like ajax3.jsp
 
Second jsp file hello1.jsp
 
 
Supported Web Browser The XMLHttpRequest object is supported  Internet Explorer 5.0+ Safari 1.2 Mozilla 1.0 / Firefox Opera 8+ Google Chrome Netscape 7.
Applications of AJAX / Who Using AJAX Google’s all product Google Maps Asynchronous downloads  Tiles and Layout  Stanford University / http://www.stanford.edu/ Orkut.
THANK YOU! Tushar Chauhan 5 th  CE-1[ Roll No-16] [email_address] AJAX   Changing the shape of the Web

Ajax Using JSP with prototype.js

  • 1.
    AJAX Changing the shape of the Web Tushar Chauhan 5 th CE-1[ Roll No-16 ] [email_address] Ms.V.A.Parekh Prepaid By. Guided By. Lect In CE/IT Dept .
  • 2.
    Introduction What isAJAX ? AJAX Request-Response Cycle. Working of AJAX Applications of AJAX
  • 3.
    WHAT IS AJAX?Asynchronous Java script And XML. It is not itself a technology but a group pf technologies such as HTML Java script CSS XML DOM (document object model)
  • 4.
  • 5.
    How AJAX isDifferent?
  • 6.
  • 7.
  • 8.
    Why we UseAJAX / Benefits of AJAX interface is much more responsive . small part of the page is transferred at a time . classic web application -content only – what is between the <body> tags -only one connection thread . With AJAX, you only have to load the basic scripts and CSS files, and request the rest as content, through multiple connections . Waiting time is reduced .
  • 9.
    Advantages of AJAXTime saving Maximum Usage of Bandwidth Browser and platform independent applications
  • 10.
    Disadvantage of AJAX.AJAX-powered application can increase development time and costs . existing page conflicts -used to navigate and create bookmarks in modern browsers . The biggest concern with AJAX is accessibility . Turn off JavaScript support -fail-safe solution exists for those users . Actual XMLHttpRequest object itself-only use it to access information from the host that served the initial page .
  • 11.
    Why we useAJAX in our project ? Involves heavy server requests . With multiple web forms that submit data to the server . heavy traffic . Display large amounts of data in a sequential manner without refreshing the entire page . Users interact frequently . Application response time is a concern Loading times have to be as short as possible
  • 12.
    Where not touse AJAX Plain, static HTML pages . Application must be accessed by older browsers . Loading times - bandwidth usage is not a primary concern . Cost - time factors are paramount for the delivery of your project and your . Development team cannot afford to build a complex AJAX framework .
  • 13.
    AJAX Using JspIntroduction -rapidly develop , easily maintain, information-rich, dynamic Web pages. How to use Ajax in JSP 1. Ajax framework for java 2. Simple Ajax script for JSP
  • 14.
    Ajax framework Usingprototype.js Dojotoolkit Rico framework
  • 15.
    Using Prototype.js http://prototypejs.org/download<script type=&quot;text/javascript&quot; src=&quot;/path/to/prototype.js&quot;></script> Create one jsp file. like ajax3.jsp
  • 16.
  • 17.
    Second jsp filehello1.jsp
  • 18.
  • 19.
  • 20.
    Supported Web BrowserThe XMLHttpRequest object is supported Internet Explorer 5.0+ Safari 1.2 Mozilla 1.0 / Firefox Opera 8+ Google Chrome Netscape 7.
  • 21.
    Applications of AJAX/ Who Using AJAX Google’s all product Google Maps Asynchronous downloads Tiles and Layout Stanford University / http://www.stanford.edu/ Orkut.
  • 22.
    THANK YOU! TusharChauhan 5 th CE-1[ Roll No-16] [email_address] AJAX Changing the shape of the Web