I've been working on implementing AJAX form submission and wrote a function to handle it when the button is clicked:
function putUser() {
$('button#putUser').on('click', function() {
var user = $('input#user').val(),
amount = $('input#amount').val(),
what = $('input#amount').val(),
country = $('input#country').val(),
platform = $('input#platform').val(),
formUrl = $('form#sendUser').attr('action');
var data = {
user: user,
amount: amount,
what: what,
country: country,
platform: platform
}
$.post(formUrl, $('#sendUser').serialize(), function() {
alert('test');
}).done(function() { alert('done')})
return false;
})
}
Although I receive the done alert, it seems that no data is being submitted. Everything appears to be in place, so where could the issue lie? The MySQL query appears to be functioning correctly.
Here's my PHP code:
if(isset($_POST['putUser'])) {
$user = $_POST['user'];
$amount = $_POST['amount'];
$what = $_POST['what'];
$country = $_POST['country'];
$platform = $_POST['platform'];
$query = mysql_query('INSERT INTO sells (id, user, amount, what, country, platform) '
. 'VALUES (NULL , "' . mysql_real_escape_string($user) . '", "' . mysql_real_escape_string($amount) . '", "' . mysql_real_escape_string($what) . '", "' . mysql_real_escape_string($contry) . '", "' . mysql_real_escape_string($platform) . '")');
if($query) {
echo 'ok';
} else {
die(mysql_error());
}
}