AJAX

Guided by:-Mr. Umesh Prasad Rout

Presented By:- Ashok Kumar PradhanReg. No.:- 0905227085

MCA 2nd SEM,CVRCA

Outline

1. What is Ajax 2. History of Ajax3. Why use Ajax 4. Ajax as a combination of technology5. How Ajax works6. Advantages7. Disadvantages8. Future9. Conclusion10. References

What is Ajax ? AJAX (shorthand for Asynchronous JavaScript and

XML):

The AJAX technique makes Internet applications smaller, faster and more user-friendly.

Ajax is a group of interrelated web development technique used to create Interactive Web application.

AJAX is not a new programming language, but a new way to use existing standards.

History of Ajax

Ajax is not a new technology Java people used Java Applet for the same.(1995). Microsoft introduce IFrame for the same task.(1996). Microsoft created XMLHTTP ActiveX in 1999 to support

asynchronous data transfer in IE5.

Mr. Ajax(Man behind the name) In 2005. Jesse James Garrett thought of the term

"Ajax“ when he realize to represent the suite of technology.

Mr. Ajax

Why use Ajax ?

Why use Ajax ?

Enables building Rich Internet Applications (RIA). Allows dynamic interaction on the Web. Improves performance. Real-time updates, without reloading the whole page. No plug-ins required. Open Source. Work on Open Standards. Platform independence (OS, server, browser, IDE). Compatible with HTML and existing web development

technologies.

Ajax as a combination of technology

Ajax is a group of existing technology used to create RIA or very interactive web application.

These technologies are:- HTML/XHTML & CSS DOM XML JavaScript

C o n t i n u e d …

Ajax as a combination of technology

HTML/XHTML and CSS Used to represent web page.

DOM(Document Object Model) To access data inside the page.

XML(Extensible Markup language) For interchange and manipulation of data.

JavaScript Used to bring all these technology to work

together.

How AJAX works

Traditional Web Application Model

ClientComputer

Browser

ServerComputer

HTTPService

HTTP Request(URL,POST,GET,Parameters,..)

HTTP Response(HTML/DHTML ,Contents…)

C o n t i n u e d …

How AJAX works

Default Synchronous Processing

ClientBrowser(state A)

ClientBrowser(state B)

HTTPServer

HTTP Request

(State A)

HTTP Response

A New Page

State A + (……)=State B

Asynchronous Processing Scenarios AAClientBrowser(state A)

HTTPServer

ClientBrowser(state D)

ClientBrowser(state C)

ClientBrowser(state B)

HTTP Request

HTTP Response-NEW PAGE

REQUEST/RESPONSE

REQUEST/RESPONSE

Using XMLHttpRequest

Walkthrough An Example

Client vs. Server Scripting Server Side Scripting

Web server does all the work Ex:-

GWT Yahoo Toolkit

Client Side Scripting Client browser does all the work. Ex:-Auto completing combobox, A Menu system, A tabbed

pane windows.

User Like itA Lot !!

Advantages Improves the user experience. Improves bandwidth utilization. Cross browser compatibility. Open Standards. Ajax is server agnostic. Works well with flash.

Some people don’t like Ajax

Disadvantages You have to program with JavaScript

Need libraries + frameworks to make it easier. Lots of HTTP request to the server

Requests are smaller however total bandwidth may not go up.

Testing Cross-browser issues. New browser versions.

No back button

As the seminar demonstrates earlier ,Ajax has the ability to grow.

Ajax application may face some difficulties For instance, the programmer & developers are not

yet qualified to implement this approach. However, big companies like

Microsoft,SunMicrosystems

and others want to use Ajax in their applications. This step will make Ajax is very popular.

Future!!

Conclusion

Ajax based-applications have many benefits over traditional applications:- They can reach larger audience. However Internet-applications are not always

as “rich” and user friendly as traditional desktop applications.

With Ajax, Internet-applications can be made richer and more user-friendly.

New Applications use Ajax will be more popular.

References http://ajaxian.com/by/topic/ajax http://www.w3schools.com/Ajax/Default.Asp http://www.devolper.com /ajax http://java.sun.com/features/index.html http://www.youtube.com/watch?v=tJXLRLDWjn4 http://en.wikipedia.org/wiki/Ajax_(programming) http://en.wikipedia.org/wiki/Ajax_framework & Lot more….

Wish you a nice Ajax Exploration . . .

Thanking you

Programmers write codes that a computer can understand,

But good programmers write codes that a human can understand !!

Any Queries ?What is

DOM ?

Which browsers support Ajax ?

How can a server interact with AJAX client?

What is XMLHttpRequest object in Ajax

Is Ajax is a framework or platform

Is Ajax codes are cross browser compatible?

Framework ?

GWT

CSS

Yahoo Toolkit

Flash

IFrame

RIA

Applet

IDE

Browser

HTTP

XML

JavaScript