Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide


  1. 1. sanila.p sanila222@gmail.com www.facebook.com/username twitter.com/sanila92 linkedin.com/sanila Ajax
  2. 2. 3 What is AJAX? Asynchronous Javascript And XML
  3. 3. 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
  4. 4. 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
  5. 5. 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
  6. 6. Why ajax? 5/26/2014
  7. 7. 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
  8. 8. 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
  9. 9. Examples 5/26/2014
  10. 10. 5/26/2014
  11. 11. 5/26/2014
  12. 12. 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
  13. 13. 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
  14. 14. 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
  15. 15. 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.
  16. 16. 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
  17. 17. 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