Question

我一直在http://jsfiddle.net/xSkgH/89/查看这个多阶段表单，只是想知道使用.load方法提交表单的最佳方式。

到目前为止我一直在尝试这个：

<script type="text/javascript">
$(document).ready(function() {
$("#last-step").hide(300).show(300).$load("resources/process.php", 
$("#task5_booking").serialize());
}
</script>

但它似乎没有起作用。任何提示？

提前致谢！

Answer 1

您的代码上几乎没有拼写错误。

$。发布以前的陈述链接
以错误的方式发送包含序列化数据的发布请求。

像这样更新您的代码

$("#last-step").hide(300).show(300);
$.post(
   "resources/process.php",
   { data: $("#task5_booking").serialize() }
);

Answer 2

$(function(){
 $("#last-step").hide(300,function(){
    $.post("resources/process.php", { data : $("#task5_booking").serialize()} ,function(result){
        $("#last-step").html(result).fadeIn(500);
   });
 });
});

这将最初隐藏最后一步div，然后提交jQuery帖子，一旦获得结果，它将结果设置为该div并应用fadeIn效果。

Answer 3

如果您想通过load()发送POST，请使用serializeArray()而不是serialize()。

serialize()返回一个字符串，而serializeArray返回一个对象。如果数据是对象，则load()发送POST请求。如果数据是字符串，load()会发送GET。

使用.load方法提交多阶段表单

3 个答案: