Ajax

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