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
