jQuery - AJAX introduction

AJAX allows the web page to be updated 'asynchronously' by exchanging data with the web server in the background.

This means that some parts of the web page can be updated without reloading the entire page.

With AJAX, we can:

• Send data to the web server (in the background)

• Read data from the web server (after the page is loaded)

• Update the web page without reloading the page

AJAX example

The following code shows a basic example of jQuery AJAX:

What is AJAX?

AJAX stands for Asynchronous JavaScript and XML.

AJAX is not a programming language; it is a technology used to access web servers from web pages.

AJAX allows you to make requests to the server without reloading the page.

AJAX can communicate with the server, exchange data, and update the page without refreshing the page.

AJAX can send and receive information in various formats, including JSON, XML, HTML, and text files.

In short, it is to communicate with the server using the XMLHttpRequest object.

The two main features of AJAX allow you to perform the following operations:

• Send requests to the server without reloading the page

• Receive and process data from the server

You can find more information on ourIn the AJAX tutorialLearn more about AJAX.

jQuery AJAX

Different browsers implement Ajax in different ways, which means that if you implement Ajax using typical JavaScript methods, you must write different code for different browsers to ensure that Ajax works across browsers.

However, fortunately, jQuery simplifies the process of implementing Ajax by taking care of those browser differences.

jQuery provides a simple way to implement Ajax that runs seamlessly across all browsers.

In the next chapter, we will introduce the most important jQuery AJAX methods.

jQuery AJAX Reference

For a complete reference of AJAX methods, please visit ourjQuery AJAX Reference.