JQuery $ .post не посылает данные

Question

Мой HTML форма:

<form action="" id="showdetails" method="post"> 
<input name="user" id="personaluser" type="text" class="form-control" /> 
<input name="pass" type="password" id="personalpass" class="form-control" /> 
<input type="submit" value="submit" class="btn btn-primary" /> 
</form> 

вот мой JavaScript:

$("#showdetails").submit(function(event) { 

    // $.post("process.php", $('#showdetails').serialize(), function(response) { 


    var data = $('#showdetails').serialize(); 

    $.post("process.php", data, function(response) { 
     $('#result').html(response); 
    }); 
    return false; 
    // event.preventDefault(); 

}); 

я попытался с возвращением ложной и event.preventDefault();

PHP файл

<?php 

echo "it's suck"; 
print_r($_GET); 
print_r($_POST); 

?> 

Мои выходные данные, если я представить:

it's suckArray () Array () 

форма представления не обеспечивают никаких данных!

Любая помощь?

Answer 1

В некоторых браузерах я несколько разучился, когда сериализую форму. Следующий код был более последовательным для меня. (используя ЭТО для формы внутри обработчика событий)

$("#showdetails").on("submit", function(event) { 
    event.preventDefault(); 

    var data = $(this).serialize(); 

    $.post("process.php", data, function(response) { 
     $('#result').html(response); 
    }); 
    return false; 


});