How to make a basic AJAX GET request with jQuery?

To make a basic AJAX GET request with jQuery, you can follow these steps:

Include the jQuery library in your HTML file:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

Use the $.ajax() function to send the GET request:

$.ajax({
  url: 'https://api.example.com/data',
  method: 'GET',
  dataType: 'json',
  success: function(response) {
    // Code to handle the successful response
  },
  error: function(xhr, status, error) {
    // Code to handle any errors
  }
});

In this example:

The url parameter specifies the URL to which the request is sent.
The method parameter specifies the HTTP method to be used ('GET' in this case).
The dataType parameter specifies the type of data expected from the server.
The success callback function will be called if the request is successful.
The error callback function will be called if the request encounters an error.

Inside the success callback function, you can access the response data as the function's parameter:

success: function(response) {
  console.log(response); // Code to handle the response data
}

This is a basic example of making an AJAX GET request with jQuery. You can customize it further based on your specific requirements.