ajax using jsp with prototype.js

Post on 14-Jan-2015

5.071 Views

Category:

Documents

1 Downloads

Preview:

Click to see full reader

DESCRIPTION

In This ppt you see, How a Ajax application is create using prototype.js and jsp.

TRANSCRIPT

AJAX Changing the shape of the Web

Tushar Chauhan

5th CE-1[ Roll No-16 ]

tushar3110@yahoo.com

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)

4

AJAX Request-Response Cycle.

5

How AJAX is Different?

6

Working of AJAX

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="text/javascript"

src="/path/to/prototype.js"></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.

THANK YOU!

AJAX Changing the shape of the

Web

Tushar Chauhan5th CE-1[ Roll No-16]tushar3110@yahoo.com

top related