AJAX allows multiple web pages to be updated one by one by exchanging the data with the web server in the background. Which means that the part of the web pages can be updated without refreshing the whole page again and again.
Let’s take an example of facebook page, in facebook news feed when we press the like, love, etc button or comment on any picture then it will simply like, loves the picture without reloading the whole page. Whereas sometime before, when we hit the like button it will reload the whole pages. This change is made because of AJAX i.e. AJAX allows the part of the web pages to be updated without disturbing the whole page.
AJAX uses the mixture of both the following :
- XMLHttpRequest Object: To request data from a web server, ajax uses a built-in XMLHttpRequest Object.
Technologies involved in AJAX are:
- HTML – It is used at the client side.
- CSS – It is also used at the client side.
- XML – It is just a request formats.
- JSON – It is also a request formats.
- php – It is used at the server side.
History of Ajax:
- Early 1990’s : In this time period most websites were based on complete HTML pages. Whenever any changes were made then these changes have to be made complete by reloading the page though changes were few but all content had to be reloaded which made bandwidth a limiting factor.
- 1996 : The iframe tag was introduced by IE; like the object element, it can load or fetch content asynchronously.
- 1998 : The Microsoft outlook web access team developed the concept behind the XMLHttpRequest scripting object.
- 2000 : The utility of background HTTP requests and asynchronous web technologies remained fairly obscure until it started appearing in large scale online applications such as Outlook Web Access.
- 2004 & 2005 : Google made a wide deployment of standards – compliant, cross browser AJAX with Gmail in 2004 and Google Maps in 2005.
- 18th February 2005 : The term AJAX was publicly used on 18 February 2005 by Jesse James Garrette in an article titled
AJAX: A new approach to Web applications, based on techniques used on Google pages.
Characteristics of Ajax:
- In AJAX web page acts as application: AJAX is much more important than smarter than HTML since they acts as desktop application. AJAX interact with back end server without any hassles and they are more responsive than HTML.
- Data is stored on server unlike pages: In HTML when the user sends a dynamic data to the server, the server converts the whole HTML page into the format which is readable by client. In AJAX there is no need of doing the above process because the AJAX server does not have to convert all the pages, it directly receives and sends the data to the client-side. In AJAX server deals with data and not in pages.
- Provides continuous and dynamic user experience: User can interact with page and data can be stored at the same time without refreshing the page. In other cases, we have to wait for the response to be processed and to get results but in the case of AJAX, we get a synchronous response. We can perform multiple task with AJAX since it provides nonlinear workflows.
Advantages of Ajax :
- Response time of AJAX is high henceforth it increases speed and performance.
- AJAX supports a lot of browsers.
- Some of the complex AJAX applications gives feeling that we are using it on Desktop.
- There is lesser requirement of time between server and client.
- AJAX allows multiple tasks to be performed at same time.
Disadvantages of Ajax :
- We face browser compatibility issues in AJAX.
- Various search engine like Google can’t index AJAX pages.
- We cannot bookmark AJAX updated page content.
- Since data is downloadable from client side henceforth AJAX is less secure.
- Ajax | Introduction
- How ajax works? Difference between angular js and jquery
- jQuery | ajax() Method
- AngularJS | AJAX - $http
- How to display search result of another page on same page using ajax in JSP?
- How to set timeout for ajax by using jQuery?
- Difference Between JSON and AJAX
- Asynchronous file transfer in AJAX
- ReactJS | AJAX and API
- How to use simple API using AJAX ?
- Get request using AJAX by making Custom HTTP library
- POST request using AJAX by making Custom HTTP library
- TCL Full Form
- LFU Full Form
- URL full form
- PHP Full Form
- HTML full form
- XML full form
- JSON full form
- CSS Full Form
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to firstname.lastname@example.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.