HTML : Hypertext Markup Language (HTML) is used for defining the structure of a Web Application.
CSS : Cascading Style Sheet (CSS) is used to provide look and style to a Web Application.
XML : Extensible Markup Language (XML) is a format to store and transport data from the Web Server.
AJAX cannot work independently. It is used in combination with other technologies to create interactive webpages.
Loosely typed scripting language.
Glue for the whole AJAX operation.
API for accessing and manipulating structured documents.
Represents the structure of XML and HTML documents.
How it works?
HTTP Request is sent to the server by XMLHttpRequest object.
Server interacts with the database using JSP, PHP, Servlet, ASP.net etc.
Data is retrieved.
Server sends XML data or JSON data to the XMLHttpRequest callback function.
HTML and CSS data is displayed on the browser.
Difference Between AJAX and Conventional Model
AJAX Conventional Model
The browser passes an HTTP request to the server in the conventional model.
The created object then sends an HTTP request to the server in the background.
The data is received and then retrieved by the server.
The request is received, required data is retrieved, and sent back to the web browser.
The web browser accepts the server response.
The fetched data is sent back to the browser and displayed directly on the page. In the AJAX model, no page reload operation is performed meanwhile.
The browser reloads the page for updating it. During this operation, users have to wait until the page gets reloaded. This action is time-consuming and puts extra loads on the server.
There are many web applications running on the web that are using ajax technology like;
Advantages of AJAX
Reduces the server traffic and increases the speed
It is responsive, and the time taken is also less
Bandwidth usage can be reduced
Asynchronous calls can be made; this reduces the time for data arrival.
Disadvantages of AJAX
Active x request is created only in internet explorer and a newly created web browser.
For security reasons, you can only access information from the web host that serves pages. Fetching information from other servers is not possible with Ajax.
The Tech Platform