jQuery发布一个序列化的表单然后通过php插入到mysql中？

Question

我正在尝试将序列化的表单发布到 sumbit.php 文件，然后将插入 MySQL 数据库；然而，最后一个隐藏的输入并没有被插入到数据库中，尽管其余的都是。

这里有一些 sn-p 示例，说明到目前为止我所得到的不起作用：

HTML

            <form method="post" action="" >
                            <label for="name" class="overlay"><span>Name...</span></label>
                            <input class="input-text" type="text" name="name" id="name" />

                            <label for="email" class="overlay"><span>Email...</span></label>
                            <input type="text" class="input-text" name="email" id="email"/>

                            <label for="website" class="overlay"><span>Website...</span></label>
                            <input type="text" class="input-text" name="website" id="website"/>


                            <label id="body-label" for="body" class="overlay"><span>Comment it up...</span></label>
                            <textarea class="input-text" name="body" id="body" cols="20" rows="5"></textarea>

                            <input type="hidden" name="parentid" id="parentid" value="0" />
                            <input type="submit" value="Comment" name="submit" id="comment-submit" />

                </span>
            </form>

Javascript

$('form.').submit(function(event) {  

    $.post('submit.php',$(this).serialize(),function(msg){
        // form inputs consist of 5 values total: name, email, website, text, and a hidden input that has the value of an integer
    }
});

PHP (submit.php)

$arr = array();

    mysql_query("   INSERT INTO comments(name,email,website,body,parentid)
                VALUES (
                    '".$arr['name']."',
                    '".$arr['email']."',
                    '".$arr['website']."',
                    '".$arr['body']."',
                    '".$arr['parentid']."'
                )");

Answer 1

好的，这是工作代码。有一些错误（例如，帖子上未闭合的函数大括号、未闭合的跨度标签、您的 PHP 中没有 POST var 等）

HTML（确保有一个表单ACTION，这样如果人们没有js，你仍然可以使用该表单）

<form method="post" id="test" enctype="multipart/form-data" action="post.php">
    <label for="name" class="overlay"><span>Name...</span></label>
    <input class="input-text" type="text" name="name" id="name" />

    <label for="email" class="overlay"><span>Email...</span></label>
    <input type="text" class="input-text" name="email" id="email"/>

    <label for="website" class="overlay"><span>Website...</span></label>
    <input type="text" class="input-text" name="website" id="website"/>


    <label id="body-label" for="body" class="overlay"><span>Comment it up...</span></label>
    <textarea class="input-text" name="body" id="body" cols="20" rows="5"></textarea>

    <input type="hidden" name="parentid" id="parentid" value="0" />
    <input type="submit" value="Comment" name="submit" id="comment-submit" />
</form>

Javascript

<script>
$(document).ready(function() {
    $('form').submit(function(msg) {  
        alert($(this).serialize()); // check to show that all form data is being submitted
        $.post("post.php",$(this).serialize(),function(data){
            alert(data); //post check to show that the mysql string is the same as submit                        
        });
        return false; // return false to stop the page submitting. You could have the form action set to the same PHP page so if people dont have JS on they can still use the form
    });
});
</script>

PHP

<?php
$arr = $_POST; //you need to grab the data via the POST (or request) global.

//this is just a check to show that the SQL statement is correct. Replace with your mysql connection/query
echo "INSERT INTO comments(name,email,website,body,parentid)
        VALUES (
            '".$arr['name']."',
            '".$arr['email']."',
            '".$arr['website']."',
            '".$arr['body']."',
            '".$arr['parentid']."'
        )";
?>

Answer 2

尝试手动添加隐藏字段。正如 Amber 所指出的，这似乎是隐藏字段的问题.. 可能是旧 jquery 版本中的错误，也许请确保您首先拥有最新版本。

否则，也许尝试添加隐藏字段...？

$('form.').submit(function(event) {  

    $.post('submit.php',$(this).serialize()+'&parentid='+$('#parentid').val(),function(msg){
    }
});

Answer 3

您的脚本应该可以正常工作。请在后端检查 parentid 是 null 还是 0 ??你可以使用

var_dump($arr); 

然后检查表 cmets 的 parentid 字段是否接受 0 或 null 值，并检查您的外键是否以您应得的当前方式定义。

谢谢

Answer 4

当你序列化一个表单时，数据用 & 分隔

在您的 PHP 代码中，您必须在 & 符号上爆炸，然后在 = 符号上的新数组中再次爆炸。

例子

$thedata = explode("&", $_POST['data']);
foreach($thedata as $new) {
    list($x, $y) = explode("=", $new);
    ${$x} = $y;
}

然后，您将拥有 PHP 变量，例如 $name、$email、$address 等，无论您在表单上输入的任何其他名称。