How to send form data in $.post jQuery
When using the jQuery $.post() method, one can send form data to a server without reloading the current page. This is done by serializing the form data and sending it as an argument to the $.post() method.
//create form data
var form_data = {
"first_name": "John",
"last_name": "Deo"
};
// send form data in post request
$.post("api_url.php", form_data, function(response) {
console.log(response);
});The code above is making a POST request to the api_url.php file.
The form_data variable is being passed as data in the request.
The function(response) is a callback function that is executed when the POST request is complete. The response variable contains the data that is returned from the api_url.php file.
Serialize form and send its data in $.post
This title refers to a process in which data from a form is converted into a format that can be transmitted to a server, using the $.post() method. This is often done in order to save the form data in a database or to send it to another server for processing
$.post("api_url.php", $("#my_form").serialize(), function(response){
console.log(response);
});1) The code above uses jQuery's post method to send a post request to the api_url.php file.
2) The data being sent in the post request is serialized form data from the my_form element.
3) The response from the api_url.php file is logged to the console.