AJAX
Download as PPTX, PDF•1 like•876 views
Ajax (Asynchronous JavaScript and XML) is a technique for creating fast, dynamic web pages that allows partial updates without reloading the entire page. It enhances user experience by enabling rich interfaces and supports dynamic data exchange between the client and server. Typical use involves a JavaScript XMLHttpRequest, which communicates with the server and updates the web page asynchronously.
AJAX
- 2. WHAT IS 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. Classic web pages, (which do not use AJAX) must reload the entire page if the content should change.
- 3. WHY USE AJAX? Very user-visible effect Rich UI experience in a Web page Portable across browsers Plus, all advantages of zero-install Web app Ajax Apps: Dynamic data Static or dynamic forms, controls, code, etc. Best of both worlds
- 5. SOME EXAMPLES Login forms Google Suggest Chat Rooms And Instant Messaging Lightboxes instead of pop-ups
- 7. HOW TO USE AJAX? The typical method for using Ajax is the following: A JavaScript creates an XMLHttpRequest object, initializes it with relevant information as necessary, and sends it to the server. The script (or web page) can continue after sending it to the server. The server responds by sending the contents of a file or the output of a server side program (written, for example, in PHP). When the response arrives from the server, a JavaScript function is triggered to act on the data supplied by the server. This JavaScript response function typically refreshes the display using the DOM, avoiding the requirement to reload or refresh the entire page.
- 8. WE IMPLEMENTED The following example will demonstrate how a web page can communicate with a web server while a user type characters in an input field:
- 9. 1. HTML & CSS - User interface - Input from user - Display output - To style the data 3. JavaScript -creates an XMLHttpRequest object -initializes it -sends it to the server -interact with the information 2. PHP -saved on server -generate xml -send to clients computer -communication between JS and server -transferring data
- 10. HTML
- 11. PHP
- 12. JAVASCRIPT
- 13. THANK YOU