SlideShare a Scribd company logo
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

More Related Content

PPT
TSSJS2010 Presenatation on: Performance Anti Patterns In Ajax Applications
PPT
Performance anti patterns in ajax applications
PPT
Advantages and disadvantages of an ajax based client application
PPT
single page application
PPTX
Overview of AJAX
PDF
Ajax
PPT
TSSJS2010 Presenatation on: Performance Anti Patterns In Ajax Applications
Performance anti patterns in ajax applications
Advantages and disadvantages of an ajax based client application
single page application
Overview of AJAX
Ajax

What's hot (20)

PPT
Jax Ajax Architecture
PDF
A Simpler Web App Architecture (jDays 2016)
PPT
PPTX
Javascript & Jquery
PPTX
Single Page Application
PPT
Ajax workshop
PPTX
High Performance Web/Mobile Pages - Automation
PPTX
Introduction presentation
PPTX
Introduction to ajax
PDF
Owning Web Performance with PhantomJS 2 - Fluent 2016
PPTX
introduction to js
PPTX
Web forms Overview Presentation
PPTX
Mvc razor and working with data
PDF
Jayway Web Tech Radar 2015
ODP
Ajax Basics And Framework
PPTX
Single page application
PDF
Introduction To Single Page Application
Jax Ajax Architecture
A Simpler Web App Architecture (jDays 2016)
Javascript & Jquery
Single Page Application
Ajax workshop
High Performance Web/Mobile Pages - Automation
Introduction presentation
Introduction to ajax
Owning Web Performance with PhantomJS 2 - Fluent 2016
introduction to js
Web forms Overview Presentation
Mvc razor and working with data
Jayway Web Tech Radar 2015
Ajax Basics And Framework
Single page application
Introduction To Single Page Application
Ad

Viewers also liked (7)

PDF
20jsp
PDF
An Introduction to JavaScript: Week 4
PPT
De Schijf Van 5
PDF
Ajax Basics 2
PDF
Géolocalisation des images numériques
PDF
PDF
Ajax Basics 1
20jsp
An Introduction to JavaScript: Week 4
De Schijf Van 5
Ajax Basics 2
Géolocalisation des images numériques
Ajax Basics 1
Ad

Similar to Ajax Using JSP with prototype.js (20)

TXT
25250716 seminar-on-ajax text
PPTX
AJAX Introduction [Autosaved].pptx
PPTX
PPTX
Ajax ppt - 32 slides
PPT
Ajax presentation
PPT
4005-713 ` XML Architecture, Tools & Technique ` Presentation
PPTX
Asynchronous javascript and xml
PPTX
PPTX
Intoduction to Ajax
PPT
Using Ajax In Domino Web Applications
PPTX
PPT
PPT
PPSX
Ajax part i
PPT
Ajax Ppt 1
PPTX
AJAX.pptx
25250716 seminar-on-ajax text
AJAX Introduction [Autosaved].pptx
Ajax ppt - 32 slides
Ajax presentation
4005-713 ` XML Architecture, Tools & Technique ` Presentation
Asynchronous javascript and xml
Intoduction to Ajax
Using Ajax In Domino Web Applications
Ajax part i
Ajax Ppt 1
AJAX.pptx

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 is AJAX ? 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)
  • 5. How AJAX is Different?
  • 7.  
  • 8. 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 .
  • 9. Advantages of AJAX Time 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 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
  • 12. 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 .
  • 13. 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
  • 14. Ajax framework Using prototype.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 file hello1.jsp
  • 18.  
  • 19.  
  • 20. 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.
  • 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! Tushar Chauhan 5 th CE-1[ Roll No-16] [email_address] AJAX Changing the shape of the Web