How does this happen? To answer this, we will need first to address how web pages work without AJAX. Conventional web pages are set up synchronously. This means that there is a two-way line of communication between the user/client and the host/server. The user interacts with the page on the browser (for example, clicking a button) and the browser, in response, makes a request to the host server reciprocating the user interaction. The server then responds to the request by sending data back to the user, presenting it in a new form (for example, loading another webpage). This whole process is synchronous since there is a back and forth between the server and the user. AJAX, on the other hand, gives us the tools to put an asynchronous process into effect
What is an AJAX Call?
An example of an AJAX call in effect would be the comment section of most websites. Take YouTube, for example. When you write and post a comment in the comment section under any video on YouTube, the whole page does not need to refresh. Instead, the web page uses AJAX to send an XMLHttpRequest and update that portion of the web page to show the newly posted comment. Examples of the use of AJAX are littered across many websites and are integrated into our user experience seamlessly to keep the user interface working fluidly. This goes to show how necessary AJAX has now become in our daily use of the internet. Imagine how inconveniencing it would be if you posted a comment on a video and the whole webpage reloaded and started the video from the start.
Do You Need to Install AJAX to Use it?
Additionally, animations are handled easily, and the use of AJAX is simplified with the smooth API (Application Programming Interface), meaning the data transfer between machines is made smoother. Another plus side of jQuery is that it works across many different browsers. You can download jQuery here
Is AJAX a framework?
There are many types of AJAX frameworks, most of which are free. However, only a handful are widely used, and those fall into three types.
Types of AJAX Framework
XHTML/CSS Supplement Frameworks
Examples of this framework are jQuery and prototype. It is further categorized into four types; Pure Ajax Methods, Event Handling Systems, DOM/CSS Search and Selection Methods, and Visual Effects.
XHTML/CSS Replacement Frameworks
This type of framework provides a full Graphic User Interface Creation Toolkit, with tools such as buttons, windows, progress bars, and other features. They usually work in conjunction with Supplement Frameworks.
Server-End Technology Adapter Kits
These frameworks usually work as a component of server-specific technology, generally used to make XHTML/CSS and help with back-end database interaction.