This document discusses AJAX (Asynchronous JavaScript and XML). It defines AJAX as standards-based presentation using XHTML, CSS for dynamic display, DOM for interaction, XML/XSLT for data interchange, and asynchronous retrieval of XML data using XMLHttpRequest and JavaScript binding. It describes the components of AJAX including HTML, CSS, DOM, XMLHttpRequest object. It explains asynchronous processing in AJAX and how AJAX works by fetching data from servers in the background without page refreshes. It provides examples of XMLHttpRequest and discusses advantages like faster page loads and new interface types and disadvantages like initial slowness and compatibility issues.

2. sanila.p
sanila222@gmail.com
www.facebook.com/username
twitter.com/sanila92
linkedin.com/sanila
Ajax

3. 3
What is AJAX?
Asynchronous
Javascript
And
XML

4. Definition of ajax
• standards-based presentation using XHTML, CSS
• dynamic display and interaction using DOM
• data interchange and manipulation using XML, XSLT
• asynchronous data retrieval using XMLHttpRequest
• and JavaScript binding everything together.
5/26/2014

5. Components of ajax
• HTML & CSS - for presenting.
• JavaScript - for local processing.
• Document Object Model (DOM) – to access
data inside the page or to access elements of
an XML file on the server.
• XMLHttpRequest object – to read/send data
to the server asynchronously
5/26/2014

6. Asynchronous??
• In AJAX ,asynchronous means the code does
not execute with loading a whole page but
that is execute when an event is occurs.
• The event may be load, click, index of combo
box change etc.
5/26/2014

7. Why ajax?
5/26/2014

8. How does ajax works?
• In browser we write code in JavaScript that can fetch
data from server as we needed
• JavaScript use the XMLHttpRequest object to send a
request to the server behind the scenes- without
causing a page refreshing
• The data that come back from the server can be XML
or just may be plain text if you prefer
5/26/2014

9. XMLhttprequest
• XMLHttpRequest is the kernel of the AJAX
• The XMLHttpRequest object allows client-side
JavaScript to make HTTP requests to the
server without reloading pages in the browser
and without blocking the user
5/26/2014

10. Examples
5/26/2014

11. 5/26/2014

12. 5/26/2014

13. Advantages
• Save time for taken to page load again.
• Creates entirely new types of user interfaces,
that not possible in traditional model.
• Most developer are know the JavaScript.
5/26/2014

14. disadvantages
• The first time long wait for AJAX sites.
• Too much code makes browser slow.
• Poor compatibility with old browsers and
many mobile devices.
5/26/2014

15. 15
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

16. Want to learn more about programming or Looking to become a good programmer?
Are you wasting time on searching so many contents online?
Do you want to learn things quickly?
Tired of spending huge amount of money to become a Software professional?
Do an online course
@ baabtra.com
We put industry standards to practice. Our structured, activity based courses are so designed
to make a quick, good software professional out of anybody who holds a passion for coding.

17. Follow us @ twitter.com/baabtra
Like us @ facebook.com/baabtra
Subscribe to us @ youtube.com/baabtra
Become a follower @ slideshare.net/BaabtraMentoringPartner
Connect to us @ in.linkedin.com/in/baabtra
Give a feedback @ massbaab.com/baabtra
Thanks in advance
www.baabtra.com | www.massbaab.com |www.baabte.com

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