xxxxxxxxxx
// Assuming there is a form with id "myForm" in the HTML
// Callback function to handle form submission
function handleSubmit(event) {
event.preventDefault(); // Prevent default form submission
// Retrieve form data using jQuery
var formData = $('#myForm').serialize();
// Display the form data in the console
console.log(formData);
// You can also send the form data to a server using AJAX
/*
$.ajax({
url: 'your-server-url',
type: 'POST',
data: formData,
success: function(response) {
// Handle server response
},
error: function(xhr, status, error) {
// Handle error
}
});
*/
}
// Attach form submission event listener
$('#myForm').submit(handleSubmit);
xxxxxxxxxx
$('form').serializeArray()
// gives
// [ {"name":"foo","value":"1"},
// {"name":"bar","value":"xxx"},
// {"name":"this","value":"hi"} ]
// or
$('form').serialize() // gives : "foo=1&bar=xxx&this=hi"
xxxxxxxxxx
var paramObj = {};
$.each($('#myForm').serializeArray(), function(_, kv) {
if (paramObj.hasOwnProperty(kv.name)) {
paramObj[kv.name] = $.makeArray(paramObj[kv.name]);
paramObj[kv.name].push(kv.value);
}
else {
paramObj[kv.name] = kv.value;
}
});
xxxxxxxxxx
var fd = new FormData();
fd.append( 'file', input.files[0] );
$.ajax({
url: 'http://example.com/script.php',
data: fd,
processData: false,
contentType: false,
type: 'POST',
success: function(data){
alert(data);
}
});