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();

});

我尝试使用return false和event.preventDefault（）;

PHP文件

<?php

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

?>

我的输出数据（如果我提交）：

it's suckArray ( ) Array ( ) 

表单提交未提供任何数据！

有什么帮助吗？

Answer 1

序列化表格时，我在某些浏览器中看到了一些挑剔的内容。 以下代码对我来说更加一致。 （使用THIS作为事件处理程序中的表单）

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

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

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


});