How do I send data with AJAX requests using jQuery

To send data using AJAX requests with jQuery, you can use the `$.ajax()` method or the shorthand `$.post()` and `$.get()` methods. Below is an example demonstrating how to send a POST request with data to a server.

$(document).ready(function() { $('#sendDataButton').click(function() { var dataToSend = { name: $('#nameInput').val(), email: $('#emailInput').val() }; $.ajax({ url: 'https://example.com/api/send-data', type: 'POST', data: dataToSend, success: function(response) { console.log('Data sent successfully:', response); }, error: function(xhr, status, error) { console.error('Error sending data:', error); } }); }); });

AJAX jQuery POST request AJAX request example send data with jQuery

Related Questions

How do I avoid rehashing overhead with std::set in multithreaded code?

How do I find elements with custom comparators with std::set for embedded targets?

How do I erase elements while iterating with std::set for embedded targets?

How do I provide stable iteration order with std::unordered_map for large datasets?

How do I reserve capacity ahead of time with std::unordered_map for large datasets?

How do I erase elements while iterating with std::unordered_map in multithreaded code?

How do I provide stable iteration order with std::map for embedded targets?

How do I provide stable iteration order with std::map in multithreaded code?

How do I avoid rehashing overhead with std::map in performance-sensitive code?

How do I merge two containers efficiently with std::map for embedded targets?