4

我对 PHP 很满意，但对 jQuery 完全是个菜鸟，并且被自动保存表单数据卡住了。

该autosave函数每 30 秒调用一次dummy.php。我将要处理的序列化表单数据（--> 数据库）发送到savetest.php.

此刻，我被这个问题困住了：

我如何才能savetest.php“收听”传入的数据并对其做出反应？

此时，我收到警报“哦，不！” （= 不成功）每 30 秒。

这是我缩短的示例代码：

dummy.php, 片段 1 (HTML & PHP): 

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script type="text/javascript" src="../../_include/jquery-1.9.1.min.js"></script>
</head>
<body>
    <h1>My Form</h1>
    <form name="form1" id="form1" method="post" action="<?php echo $_SERVER['PHP_SELF'] ?>"> 
        <input type="radio" name="item_2_1" id="c_2_1_0" value="0" />
        <input type="radio" name="item_2_1" id="c_2_1_1" value="1" />
        <input type="radio" name="item_2_1" id="c_2_1_2" value="2" />
        <input type="radio" name="item_2_1" id="c_2_1_3" value="3" />
        <input type="checkbox" name="item_3_1[]" id="c_3_1_0" value="yes" />
        <input type="checkbox" name="item_3_1[]" id="c_3_1_1" value="no" />
        <input type="text" name="item_4_1" id="c_4_1_0" />
    </form>

dummy.php, 片段 2 (jQuery): 

<script type="text/javascript">
    function autosave() {
         jQuery('form').each(function() {
         jQuery.ajax({
                url: 'savetest.php',
                data: {
                'autosave' : true,
                'formData' : jQuery(this).serialize()},
                type: 'POST',
                success: function(data){
                    if(data && data == 'success') {
                        alert("OK!");
                    }else{
                        alert("Oh no!");
                    }
                }// end successful POST function
            }); // end jQuery ajax call
        }); // end setting up the autosave on every form on the page
    }// end function autosave()

    jQuery(function($) {
        setInterval(autosave, 30 * 1000);
    });
</script>

这是savetest.php：

if (isset($_POST)) {
var_dump($_POST);
exit();
} else {
    echo 'Hi, no $_POST.';
}

不幸的是，仍然是不成功的警报......和savetest.php倾销array(0){}:-(

4

1 回答 1

2 
if(isset($_POST)):
    //processing to save autosave
else:
    //the rest of your form code and jQuery stuff
endif;

这将检查数据是否已发布，//rest of your data应该代表页面生成的所有其他代码，不做任何处理。

另外，我可以建议清理该数据属性吗？

data: {
    'navigation': 'save',
    'autosave' : true,
    'formData' : jQuery(this).serialize()
}

然后在服务器端，您可以像平常一样访问它，$_POST['navigation']并$_POST['formData']包含name=value组合数组。

此外，您的函数应该在 内$(document).ready，或类似于以下内容：

jQuery(function($){
    //the rest of your code
});

jQuery(function($)将作为该函数中的 while运行$(document).ready并将该$符号作为别名。jQuery

这应该涵盖所有基础。

于 2013-08-19T23:44:45.090 回答