jQuery AJAX Introduction

AJAX is the art of exchanging data with the server, which updates part of the web page without reloading the entire page.

jQuery AJAX Example

Please click the button below to change this text using jQuery AJAX.

Try It Yourself

What is AJAX?

AJAX = Asynchronous JavaScript and XML (Asynchronous JavaScript and XML).

In short, AJAX loads data in the background without reloading the entire web page and displays it on the web page.

Use cases of AJAX applications: Google Maps, Tencent Weibo, Youku Video, Renren Network, and so on.

You can find more on our AJAX TutorialLearn more about AJAX.

About jQuery and AJAX

jQuery provides multiple methods related to AJAX.

With jQuery AJAX methods, you can request text, HTML, XML, or JSON from a remote server using HTTP Get and HTTP Post - and you can directly load this external data into the selected elements on the web page.

Tip:Without jQuery, AJAX programming still has some difficulty.

Writing regular AJAX code is not easy because different browsers implement AJAX differently. This means you must write additional code to test the browsers. However, the jQuery team has solved this problem for us, and we only need a simple line of code to implement AJAX functionality.

jQuery AJAX Methods

In the following chapters, we will learn the most important jQuery AJAX methods.