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

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

您的代码几乎没有错别字。

• $.post 与之前的语句链接
• 以错误的方式发送带有序列化数据的发布请求。

像这样更新您的代码

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

Answer 2

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

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

Answer 3

$(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效果。