Scribd
Upload
251 views24 pages

Mr. Umesh Prasad Rout Ashok Kumar Pradhan 0905227085 Mca 2 Sem, Cvrca

This document provides an overview of AJAX (Asynchronous JavaScript and XML). It discusses what AJAX is, its history, why it is used, how it works by combining existing web technologies like HTML, CSS, DOM, XML and JavaScript. The document outlines the advantages of AJAX like improved performance and user experience. It also notes some disadvantages like increased testing needs and reliance on JavaScript. Finally, it discusses the future potential of AJAX and concludes that AJAX-based applications can provide richer user experiences than traditional web applications.

Uploaded by

Ashok Kumar Pradhan
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
251 views24 pages

Mr. Umesh Prasad Rout Ashok Kumar Pradhan 0905227085 Mca 2 Sem, Cvrca

This document provides an overview of AJAX (Asynchronous JavaScript and XML). It discusses what AJAX is, its history, why it is used, how it works by combining existing web technologies like HTML, CSS, DOM, XML and JavaScript. The document outlines the advantages of AJAX like improved performance and user experience. It also notes some disadvantages like increased testing needs and reliance on JavaScript. Finally, it discusses the future potential of AJAX and concludes that AJAX-based applications can provide richer user experiences than traditional web applications.

Uploaded by

Ashok Kumar Pradhan
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 24

AJAX

Presented By:- Ashok Kumar Pradhan Guided by:-Mr. Umesh Prasad Rout
Reg. No.:- 0905227085
MCA 2nd SEM,CVRCA
Outline
1. What is Ajax
2. History of Ajax
3. Why use Ajax
4. Ajax as a combination of technology
5. How Ajax works
6. Advantages
7. Disadvantages
8. Future
9. Conclusion
10. 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).
Mr. Ajax
 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.
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

Continued…
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
HTTP Request
(URL,POST,GET,Parameters,..) Server
Client
Computer
Computer
HTTP
Browser HTTP Response
(HTML/DHTML ,Contents…)
Service

Continued…
How AJAX works
Default Synchronous Processing
Client HTTP Re
q uest
Browser
(State A)
(state A) HTTP
State B
Server
A + ( ……)=
Stat e
Client
R es ponse
Browser HTTP e P ag
(state B) A New
Asynchronous Processing Scenarios
 AA
Client HTTP Request
Browser
(state A) PA GE
s p o n s e-NEW HTTP
HTTP Re

Client Server
N SE
U E S T/RESPO
Client
Browser RE Q

Browser
(state B)
Client S T/ RES PONSE
REQUE
(state C)
Browser
(state D) 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 it
A 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
Future!!
 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.
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 . . .

Programmers write codes that a computer can understand,


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

Thanking you
Is Ajax c
Ja
GWT ? o des are c
ser cov
M ross bro
D O
Yahoo Toolkit
w mapS
atc
t is ible? rip
h a t
W
Any Queries ?
? Is Ajax is a framework or platform

Fr amew or k
RIA IDE
nt?
a n a s erv er in te ract with AJAX clie
How c

IFraWhat is XMLHttpRequest object in Ajax


me support Ajax HTTPA p pl e t

XML
?

ser Flash
e rs S
r ow s Brow CS
i c h b
Wh

You might also like