0% found this document useful (0 votes)
2 views9 pages

Ajax JavaScript Unit-3

AJAX, which stands for Asynchronous JavaScript and XML, is a combination of web technologies that allows for dynamic interaction between web applications and users without requiring full page reloads. It utilizes technologies such as JavaScript, XML, HTML, and the XMLHttpRequest object to facilitate asynchronous data exchange, making web applications faster and more responsive. While AJAX enhances user experience, it also has drawbacks, including dependency on JavaScript and challenges with debugging and bookmarking.
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
2 views9 pages

Ajax JavaScript Unit-3

AJAX, which stands for Asynchronous JavaScript and XML, is a combination of web technologies that allows for dynamic interaction between web applications and users without requiring full page reloads. It utilizes technologies such as JavaScript, XML, HTML, and the XMLHttpRequest object to facilitate asynchronous data exchange, making web applications faster and more responsive. While AJAX enhances user experience, it also has drawbacks, including dependency on JavaScript and challenges with debugging and bookmarking.
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

What is AJAX?

AJAX = Asynchronous JavaScript And XML.


AJAX is not aprogramming language.
AJAX just uses a combination of:
A browser built-in XMLHttpRequest obiect (to request data from a web
server)
JavaScript and HTML DOM (to display or use the data)
AJAX stands for asynchronous Javascript and XML. AJAX 0s not a
programming language or technology, but it is a combination of multiple
web-related technologies like HTML, XHTML, css, JavaScript, DOM, XML
XSLT and XMLHttpRequest object. The AJAX model allows web developers
to create web applications that are able to dynamically interact with the
user. It will also be able to quickly make a background call to web serverS
to retrieve the required application data. Then update the small portion of
the web page without refreshing the whole web page.
AJAX applications are much more faster and responsive as compared to
traditional web applications. It creates a great balance between the client
and the server by allowing them to communicate in the background while
the user is working in the foreground.
In the AJAX applications, the exchange of data between a web browser
and the server is asynchronous means AJAX applications submit requests
to the web server without pausing the execution of the application and
can also process the requested data whenever it is returned. For example,
Facebook uses the AJAX model so whenever we like any post the count of
the like button increase instead of refreshing the whole page.

Working of AJAX
Traditional web applications are created by adding loosely web pages through
links in a predefined order. Where the user can move from one page to another
page to interact with the different portions of the applications. Also, HTTP
requests are used to submit the web server in response to the user action. After
receiving the request the web server fulfills therequest by returning a new
webpage which, then displayson the web browser. This process includes lots of
pages refreshing and waiting.
Web HTTP
Application Web Server

HTML
AJAX change this whole
between the web browserworking
and
model by sharing the minimum amount of data
Working of the web [Link] asynchronously.
It provides
It speedup up the
data on the web a desktop-like feel by
pages or by allowing the data to be displayed inside
existing web application. pdssg
the
It will replace loosely
Integrated web pages. AJAX application uses theintegrated web pages witn giY
an additional layer known as
AJAX resources very wei
web server due to which we can engine in between the web application and
make backaround
and retrieve the required data, can server calls sing Javdsp.
update the
WIthout casing full reload of the page. It reducesreguested portion ofa web page
the page refresh timing ana
provides a fast and responsive experience to the user.
reduce the workload of the web server by dividing the Asynchronous processes
Computer. Due to the reduced workload web servers become work with the client
and fast. more responsive

AJAX
JavaScript HTTP
Web
|Application Web Server
HTML XML
DATA

AJAX Technologies
The technologies that are used by AJAX are already implenmented in all the
Morden browsers. So the client does not require any extra module to run the
AJAX [Link] technologies used by AJAX are -
Javascript - It is an important part of AJAX. It allows you to create client
side functionality. Or we can say that it is used to create AJAX
applications.
XML It is
used to exchange
The data between web server and client.
between
HTML XMLHttpRequestbrowser
a web
and CSS - It is
-
It is used to
and a
perform asynchronous data exchange
web server:
used to provide
text. markup and style to the webpage
DOM It is
used to interact with and alter the webpage layout and
content dynamically.
Advantages of AJAX
The following are the
advantages of AJAX
It createsresponsive and interactive web
1 Supports the development of patterns applications.
and frameworks that decreasSe
the development time.
1t makes the best use of existing technology and feature instead of using
some new technology.
It makes an asynchronous call to the web server which means the client
doesn't have to wait for the data to arrive before starting rendering.

Disadvantages of AJAX
The following are the disadvantages of AJAX

AJAX is fully dependent on Javascript. So if anything happens with


javascript in the browser AJAX will not support.
The debugging of AJAX applications is difficult.
Bookmarking of AJAX-enabled pages required pre-planning.
If one request can fail then it can fail the load of the whole webpage.
If JavaScript is disabled in your web browser then you are not able to run
the AJAX webpage.
felth band
dart. -
3cene.
amount Bmall Ereleye Teehniqu
feluel
Bevee
wth clata
fout
faste crcate te
Bet
net TAX ’A
albne [Link] Popetfes
AJAX
facebeok ltube
ti- een the behid pevee fanspt tu Dth
pae
Calls ebpge paiti cýdatit
to
Tarasenpt Aiioty
UseLfndteted
befeor load to
Belor
AJAY
tiedmot
inte:ct
Clurkaig ensplite
n

Cospetattbns
3tancleuel baj ed prejentatlon arg
telatt!n palyel,
[ata Jrteelcarge
data
erncnpt gtat.

DB

Rupene
(Htme) ÞB

Reyoest
Betiet the
ing. somne windos lank
feuel.
+raeti with
hat be se both
Éngiin
yetuha AJAN
th at
feyr¿n the
blnwjeL ct B
ufde too it
se. make
Engne AIAX
feems
Rezust AJAx
client
Tavajenpt Pae treate an htip rgu
it mt C
Benc
jeuer
n
a Callbatk unth
Javaenpt
clt teet Lhtn the reVLt have been
to tke da tq.
hae av

bult
S.0

objert.
tht
jorm the fn
onse rei} tutn /ve ext þanse .re,
from the
3evel, tatuw
Compate
fterautbt See Doing
oadtd
ulization
itep a batKrtur Chuge
vall . et
tht hondlu Eveut
chage tate ready :,Cn
all tJA rlated
to Pmpeuti's
abort abort .
rot il neqeyt thi, t(’
hun
wor.
open(
ul, mptho test. XML
work 4JAr hol
funesio honllu.
Stcutus
enpute to lall oul funetten.
(od' for AJA
funetlonn

Val yk*t ML tt+ iequut. reyonse 7extj


dicantnt. et
3

You might also like