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
- 4. AJAX AJAX = Asynchronous JavaScript and XML. AJAX is a technique for creating fast and dynamic web pages. AJAX allows web pages to be updated asynchronously by exchanging small amounts of data with the server behind the scenes. This means that it is possible to update parts of a web page, without reloading the whole page.
- 5. Overview of Ajax Ajax refers to JavaScript and XML, technologies that are widely used for creating dynamic and asynchronous wed content. While Ajax is not limited to JavaScript and XML technologies, more often than not they are used together by wed applications.
- 6. Advantages of Ajax Form data validation in real time, eliminating the need to submit the form for verification Enhanced functionality for wed pages, such as user name and password prompts Partial update of the wed content, avoiding complete page reloads
- 7. Disadvantages of Ajax • Search engine would not be able to index an Ajax application. • The server information can not be accessed within AJAX. • AJAX is not well integrated with any browser. • ActiveX request are enabled only in IE 5 and IE 6
- 8. Ajax Working With browser Ajax unfortunately doesn’t have same code for all browser, it has little bit different for all the browser. The keystone of Ajax is XMLHttpRequest object. And it will be very necessary for you to know about the XMLHttpObject, how it makes all browser compactible with the code
- 9. Ajax Frame Works • The global of the framework is to provide the Ajax engine. • Framework eases the work of the Ajax programmer at two levels:- 1. On the client side:- It offers JavaScript function to send request to the server. 2. On the server side:- it processes the requests, search for the data, and transmits them to the browser.
- 10. Ajax FrameWorks Types Ajax FrameWorks Types Direct Ajax FWs Ajax Component Server-driven Ajax Languages/ Platform
- 11. Ajax XMLHttpRequest AJAX- Create an XMLHttpRequest Object The XMLHttpRequest Object All modern browsers support the XMLHttpRequest object(IE5 and IE6 uses an ActiveXobject). The XMLHttpRequest object is used to exchange data with a server behind the scenes. This means that it is possible to update parts of a wed page, without reloading the whole page.
- 12. Ajax –Server Response Server Response To get the response from a server, use the response Text or responseXML property of the XMLHttpRequest object. Property Description ResponseText get the response data as string responseXML get the response data as Xml data
- 13. Example of Ajax <!DOCTYPE html> <html> <body> <div id=“myDiv”><h2>Let AJAX change this text</h2></div> <button type=“button” onclick=“loadXMLDoc()”>change content</button> </body> </html>
- 14. 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.
- 15. Thankyou…
- 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. 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: [email protected] Contact Us