jQuery AJAX

Abstract

AJAX (Asynchronous JavaScript and XML) is a JavaScript-based communication technique between the client (browsers) and the server (web servers) that can be used with other technologies like jQuery, JavaScript, HTML5, and CSS3 to create faster, dynamic, user-friendly, and highly interactive web sites. Conventional web applications are synchronous, which means when users submit a form or send a request for information, they have to wait for the server to complete the process and send the information back to the browser. When the information is received by the browser, the complete page is refreshed with the updated information. In the case of web applications developed using AJAX, while users are working on a web page, data entered by the user or request for the new information is sent to the server seamlessly without any interruption in the workflow. When data is returned from the web server, only a portion of the web page is updated with the new information. Figure 9-1 displays the request and response flow between the client and the server in a conventional web application.