This document provides an overview of AJAX (Asynchronous JavaScript and XML) including what it is, how it works, advantages, and examples of companies that use it. AJAX allows web pages to be updated asynchronously by exchanging data with a web server behind the scenes, improving interactivity and performance. It uses a combination of technologies including JavaScript, XML, and server-side solutions. AJAX aims to reduce page reloads and bandwidth usage by updating only parts of a page as needed.

2. Disclaimer: This presentation is prepared by trainees of
baabtra as a part of mentoring program. This is not official
document of baabtra –Mentoring Partner
Baabtra-Mentoring Partner is the mentoring division of baabte System Technologies Pvt .
Ltd

3. Typing Speed
Week
Target Achieved
1
30
27
2
30
29
3

4. Jobs Applied
#
1
2
3
4
5
Company
Designation
Applied Date
Current Status

5. Ajax
Nithil.pp
nithilp@gmail.com
facebook.com/ nithil padinare peediyekal
twitter.com/nithilpp
in.linkedin.com/in/nithil.pp
9995223505

6. What does AJAX stands for?
•
•
•
•
Asynchronous
JavaScript
And
XML

7. What is AJAX ?
• AJAX is a development technique for creating
interactive web applications.
• Not a stand-alone language or technology.
• It is a technique that combines a set of known
technologies in order to create faster and more
user friendly web pages.
• It is a client side technology.
• Ajax programming is introduced in 2005 by
Google.

8. Purpose of AJAX
• Prevents unnecessary reloading of a page.
• When we submit a form, although most of the
page remains the same, whole page is reloaded
from the server.
• This causes very long waiting times and waste
of bandwidth.
• AJAX aims at loading only the necessary
innformation, and making only the necessary
changes on the current page without reloading
the whole page.

9. Technologies Used
• AJAX uses:
– Javascript (for altering the page)
– XML (for information exchange)
– ASP or JSP (server side)

10. Simple Processing
• AJAX is based on Javascript, and the main
functionality is to access the web server inside
the Javascript code.
• We access to the server using objects.
i.e, we send data and retrieve data.
• When user initiates an event, a javascript
function is called which accesses server using
the objects.
• The received information is shown to the user
by means of the Javascript’s functions.

11. Data Exchange in AJAX
• In AJAX:

12. Who Uses AJAX?
• Google
– Maps, iGoogle & Gmail
• Yahoo!
– MyYahoo! & Yahoo!Mail (beta)
• And Many Others…

15. REG_validation.js

16. WebService.asmx

17. AJAX Concerns
• Increased Complexity.
• can be difficult to debug, test, and maintain.
• The Back Button issue.

18. AJAX and the Back Button
• Huge usability issue.
• Returning to the previous state may not be
possible when a page is updated dynamically.
• Difficult to bookmark on a particular page
state.

19. AJAX Advantages
• Increased Client Interaction
– Gives users more of the expected behavior of a
client/server application rather than a classic web page
– Performance –only a portion of the page is refreshed
– Less bandwidth usage.
• Platform Independent (sort of)
– Uses the browser, but relies on JavaScript

21. If this presentation helped you, please visit our
page facebook.com/baabtra and like it.
Thanks in advance.
www.baabtra.com | www.massbaab.com |www.baabte.com

22. Contact Us
Emarald Mall (Big Bazar Building)
Mavoor Road, Kozhikode,
Kerala, India.
Ph: + 91 – 495 40 25 550
Start up Village
Eranakulam,
Kerala, India.
Email: info@baabtra.com
NC Complex, Near Bus Stand
Mukkam, Kozhikode,
Kerala, India.
Ph: + 91 – 495 40 25 550