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;


});

jquery $ .post不发送数据

1 个答案: