How to send data with an AJAX GET request using jQuery?

To send data with an AJAX GET request using jQuery, you can use the data option in the $.ajax function or the $.get function. Here's an example of both approaches:

Using $.ajax:

$.ajax({
  url: 'your_url',
  type: 'GET',
  data: {
    key1: value1,
    key2: value2,
    // add more key-value pairs as needed
  },
  success: function(response) {
    // handle success
  },
  error: function(error) {
    // handle error
  }
});

Using $.get:

$.get('your_url', {
  key1: value1,
  key2: value2,
  // add more key-value pairs as needed
}, function(response) {
  // handle success
}).fail(function(error) {
  // handle error
});

In both approaches, replace 'your_url' with the actual URL you want to send the GET request to. Use the data option to pass the key-value pairs of data you want to send. Replace key1, value1, etc. with your desired key-value pairs. The success and error callbacks can be used to handle the response or any errors that occur.