jquery get form data
$('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"jquery get form data
$('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"javascript ajax post form data
$(document).ready(function() {
// process the form
$('form').submit(function(event) {
// get the form data
// there are many ways to get this data using jQuery (you can use the class or id also)
var formData = {
'name' : $('input[name=name]').val(),
'email' : $('input[name=email]').val(),
'superheroAlias' : $('input[name=superheroAlias]').val()
};
// process the form
$.ajax({
type : 'POST', // define the type of HTTP verb we want to use (POST for our form)
url : 'process.php', // the url where we want to POST
data : formData, // our data object
dataType : 'json', // what type of data do we expect back from the server
encode : true
})
// using the done promise callback
.done(function(data) {
// log data to the console so we can see
console.log(data);
// here we will handle errors and validation messages
});
// stop the form from submitting the normal way and refreshing the page
event.preventDefault();
});
});jquery form data
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);
}
});Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
