AJAX Technologies - AJAX

How do you define Ajax technologies?

AJAX, is a set of web development techniques using many web technologies on the client-side to create asynchronous Web applications. WithAJAX, web applications can send data to and retrieve from a server asynchronously (in the background) without interfering with the display and behavior of the existing page.

AJAXin simple steps you can:

Update a web page without reloading the page

Request data from a server - after the page has loaded

Receive data from a server - after the page has loaded

Send data to a server - in the background

Ajax is not a technology, but a group of technologies If you know JavaScript, HTML, CSS, and XML, then you need to spend just few hour to start with AJAX.

Who are the audience of Ajax?

This tutorial will be useful for web developers who want learn how to create interactive webpages as well as improve their speed and usability using AJAX.

What are the prerequisites of Ajax?

It is highly recommended that you are familiar with HTML and JavaScript before attempting this tutorial.

AJAX = Asynchronous JavaScript And XML.

AJAX is not a programming language.

AJAX just uses a combination of:

A browser built-in XMLHttpRequest object (to request data from a web server)

JavaScript and HTML DOM (to display or use the data)

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.

AJAX Example Explained: HTML Page

The HTML page contains a <div> section and a <button>.

The <div> section is used to display information from a server.

The <button> calls a function (if it is clicked).

The function requests data from a web server and displays it:

Function loadDoc()

How AJAX Works?

AJAXuses XHTML for content, CSS for presentation, along with Document Object Model and JavaScript for dynamic content display. Without reloading the whole page. Classic web pages, (which do not use AJAX) must reload the entire page if the content should change. Ajax is a new technique for creating better, faster, and more interactive web applications with the help of XML, HTML, CSS, and Java Script. Conventional web applications transmit information to and from the server using synchronous requests. It means you fill out a form, hit submit, and get directed to a new page with new information from the server.

With AJAX, when you hit submit, JavaScript will make a request to the server, interpret the results, and update the current screen. In the purest sense, the user would never know that anything was even transmitted to the server. XML is commonly used as the format for receiving server data, although any format, including plain text, can be used.

  • AJAX is a web browser technology independent of web server software.
  • A user can continue to use the application while the client program requests information from the server in the background.
  • Intuitive and natural user interaction. Clicking is not required, mouse movement is a sufficient event trigger.
  • Data-driven as opposed to page-driven.
How AJAX Works?
  • An event occurs in a web page (the page is loaded, a button is clicked)
  • An XMLHttpRequest object is created by JavaScript
  • The XMLHttpRequest object sends a request to a web server
  • The server processes the request
  • The server sends a response back to the web page
  • The response is read by JavaScript
  • Proper action (like page update) is performed by JavaScript

Ajax is not a single technology, but a group of technologies. HTML and CSS can be used in combination to mark up and style information. The DOM is accessed with JavaScript to dynamically display, and allow the user to interact with, the information presented. JavaScript and the XMLHttpRequest object provide a method for exchanging data asynchronously between browser and server to avoid full page reloads.

Where Ajax is used?

There are too many web applications running on the web that are using ajax technology like gmail, facebook, twitter, google map, youtube etc.

All rights reserved © 2020 Wisdom IT Services India Pvt. Ltd DMCA.com Protection Status

AJAX Topics