What is AJAX?

AJAX stands for:

Asynchronous JavaScript And XML

It allows your web page to send and receive data from a server — without reloading the whole page!

? Why Use AJAX?

With AJAX, you can:

? Submit a form without refreshing the page
? Load data from the server in real time
? Update part of a page dynamically
? Build fast and responsive websites

? What is jQuery AJAX?

jQuery provides simple methods to perform AJAX operations, such as:

These methods help you communicate with the server using JavaScript.

? Example: AJAX with jQuery

? HTML

html
<button id="loadBtn">Load Message</button><div id="result"></div>

? message.php

php
<?phpecho "Hello from the server!";?>

? jQuery AJAX Code

javascript
$("#loadBtn").click(function() {  $.get("message.php", function(data) {    $("#result").html(data);  // Show response in the <div>  });});

? When you click the button, it loads content from the server without refreshing the page.

? Common Use Cases

• Live search

• Dependent dropdowns (country ? state)

• Chat/message loading

• Submitting forms without reload

? Summary