![AJAX Introduction [Autosaved].pptx](https://image.slidesharecdn.com/ajaxintroductionautosaved-230307063244-a2b830ee/85/AJAX-Introduction-Autosaved-pptx-3-320.jpg)
![AJAX Introduction [Autosaved].pptx](https://image.slidesharecdn.com/ajaxintroductionautosaved-230307063244-a2b830ee/85/AJAX-Introduction-Autosaved-pptx-8-320.jpg)
![AJAX Introduction [Autosaved].pptx](https://image.slidesharecdn.com/ajaxintroductionautosaved-230307063244-a2b830ee/85/AJAX-Introduction-Autosaved-pptx-9-320.jpg)
![AJAX Introduction [Autosaved].pptx](https://image.slidesharecdn.com/ajaxintroductionautosaved-230307063244-a2b830ee/85/AJAX-Introduction-Autosaved-pptx-10-320.jpg)
AJAX Introduction [Autosaved].pptx
- 2. INDEX • What Is Ajax • Working of AJAX • Usage Samples/Examples • XMLHttpRequest • Advantages • Disadvantages
- 4. WHAT IS AJAX Classic web application model AJAX web application model User Frontend Back end
- 5. WHAT IS AJAX • AJAX stands for Asynchronous JavaScript and XML. • AJAX is a technique for creating better, faster, and more interactive web applications with the help of XML, HTML, CSS, and Java Script. • Client-side technology. • Allows the web page to change its content without refreshing the whole page. • Allows web pages or parts of them to be updated asynchronously • Based on XML HTTP request object
- 6. • The XMLHttpRequest object is used to exchange data with a server behind the scenes(i.e.) possible to update parts of a web page, without reloading the whole page. • Syntax for creating an XMLHttpRequest object: xmlhttp=new XMLHttpRequest(); • An object of XMLHttpRequest is used for asynchronous communication between client and server. • It performs following operations: • Sends data from the client in the background • Receives the data from the server • Updates the webpage without reloading it. Object XMLHttpReq uet
- 7. • AJAX allows web pages to be updated asynchronously by exchanging small amounts of data with the server without reloading the whole page. • Classic web pages, must reload the entire page if the content should change. • Examples of applications using AJAX: Google Maps, Gmail, YouTube, and Facebook tabs. Working Of AJAX
- 11. • Autocomplete search textboxes • Cascading dropdown list boxes (sample) • Real-time - Continuous data refresh (long polling, chat systems…) • Immediate forms validation feedback • Conditional display / dynamic content • Auto save user information (Google Docs, Facebook) • Ratings, voting & other instant actions Usage samples
- 12. • page can be refreshed dynamically • response of the interface to user is faster • load much faster because the payload is much smaller • reduces the demand for bandwidth • allows the web applications to be much more efficient • operate more like an application rather than a standalone program
- 13. • Integration of browsers • hard for the user to bookmark the state of the web page • Network latency may break usability
- 14. • Ajax provides functionality to create a robust web application. • If an Ajax web application is coded properly it will run faster than and as secure as a non-Ajax program. • Ajax also allows websites to reduce their overall bandwidth usage and server load by reducing the number of full-page loads.