Php 隐藏分区然后过帐表格

我还在做我的多阶段表格(http://jsfiddle.net/xSkgH/93/)并结合了以下解决方案来帮助ajax提交：

<script type="text/javascript">
$(document).ready(function() {
    $("#postData").click(function() {
        $("#last-step").hide(600);

            $("#task5_booking").submit(function() {
                $.post('resources/process2.php', function(data) {
                    $("#result").html(data);
                });
            });

        return false;
    });
});
</script>

$（文档）.ready（函数（）{
$（“#postData”）。单击（函数（）{
$（“#最后一步”）.hide（600）；
$（“#任务5_预订”）。提交（函数（）{
$.post（'resources/process2.php'，函数（数据）{
$（“#结果”）.html（数据）；
});
});
返回false；
});
});

最后一步会逐渐淡出，但在加载process2.php的内容时，它只是所有表单字段的数组：

<?php
print_r($_POST);
?>

---

似乎什么也没发生。div仍然为空。我真的很感激你们的帮助。提前感谢。

如果通过ajax调用资源，还应在调用过程中传递序列化表单。所以假设

$（“#task5_booking”）

是表单元素

$("#task5_booking").submit(function(evt) {
      evt.preventDefault();
      $.post('resources/process2.php', { data: $("#task5_booking").serialize() }, function(data) {
            $("#result").html(data);
      });
});

当你提交表格时

停止默认事件（submit），否则表单提交会立即停止后续代码，ajax调用永远不会启动-这是使用

preventDefault（）

方法完成的

进行post调用，传递使用

serialize（）

方法序列化的表单（请参阅）

---

还请注意，正如Jack所指出的，您在fiddle中的表单具有

camperapplicationForm

id，而不是

task5\u booking

如果您通过ajax调用资源，您还应该在调用过程中传递序列化表单。所以假设

$（“#task5_booking”）

是表单元素

$("#task5_booking").submit(function(evt) {
      evt.preventDefault();
      $.post('resources/process2.php', { data: $("#task5_booking").serialize() }, function(data) {
            $("#result").html(data);
      });
});

当你提交表格时

停止默认事件（submit），否则表单提交会立即停止后续代码，ajax调用永远不会启动-这是使用

preventDefault（）

方法完成的

进行post调用，传递使用

serialize（）

方法序列化的表单（请参阅）

---

还请注意，正如Jack所指出的，您在fiddle中的表单具有

camperapplicationForm

id，而不是

task5\u预订

我认为您应该删除

提交

功能：

<script type="text/javascript">
$(document).ready(function() {
    $("#postData").click(function() {
        $("#last-step").hide(600);


        $.post('resources/process2.php', function(data) {
            $("#result").html(data);
        });

        return false;
    });
});
</script>

$（文档）.ready（函数（）{
$（“#postData”）。单击（函数（）{
$（“#最后一步”）.hide（600）；
$.post（'resources/process2.php'，函数（数据）{
$（“#结果”）.html（数据）；
});
返回false；
});
});

我认为您应该删除您的

提交功能：

<script type="text/javascript">
$(document).ready(function() {
    $("#postData").click(function() {
        $("#last-step").hide(600);


        $.post('resources/process2.php', function(data) {
            $("#result").html(data);
        });

        return false;
    });
});
</script>


$（文档）.ready（函数（）{
$（“#postData”）。单击（函数（）{
$（“#最后一步”）.hide（600）；
$.post（'resources/process2.php'，函数（数据）{
$（“#结果”）.html（数据）；
});
返回false；
});
});
噢，F.Calderan是对的，您应该沿着Ajax请求发送表单数据。噢，F.Calderan是对的，您应该沿着Ajax请求发送表单数据。Serialize将重新运行字符串，如“param1=val1¶m2=val2”，但第二个$。post参数必须是带有“name”的对象：值对，如：{“param1”：111，“param2:222”}。对我来说，这似乎是一个错误。Serialize将重新运行类似“param1=val1¶m2=val2”的字符串，但第二个$.post参数必须是具有“name”：值对的对象，如：{“param1”：111，“param2:222”}。这对我来说似乎是个错误。