用于提交表单的jQuery加载

Question

我目前正在制作一个多步骤查询表单，可在以下网址找到：http://jsfiddle.net/xSkgH/47/。

我正在尝试通过jQuery AJAX提交变量（process.php将处理处理）并使用process.php中名为result的div刷新div最后一步。我怎样才能做到这一点？

到目前为止，我已经设法使用malsup（http://jquery.malsup.com/form/）的jQuery表单插件来完成此任务。

我想切换到加载请求，并被告知使用以下内容：

$ ( '#last-step' ). load ( url , data , function (){})

将发送一个帖子请求，填写“last-step”的html内容，不论打印到响应html中的url是什么。但我不知道如何替换下面的代码并使用.load：

我目前使用的代码可以在这里找到： http://codetidy.com/2522/

非常感谢提前。

Answer 1

$('#test').submit( function() {
    var data =  $(this).serialize();
    var url = "http://www.google.com";

    $.post(url, data, function(data) {
      $('#last-step').html(data);
    });

    return false;
});

如果您可以使用“发布”代替。

否则你需要循环所有输入区域并将它们组合成一个对象以便与负载一起发送。

Answer 2

如果您不想从头开始编写此内容，我建议您查找jQuery向导插件，以便为您处理它们之间的步骤和导航。快速谷歌搜索我发现了一对：

• http://techlaboratory.net/products.php?product=smartwizard
• http://archive.plugins.jquery.com/project/formwizard
• http://www.manasinc.com/best-free-jquery-wizard-plugins/
• 我确定存在更多。 ：）

确保这一点非常困难，特别是如果您想使用浏览器历史记录来启用后退按钮以回到之前的步骤，那么请尝试利用现有工作。另外：在选择插件之前确定你想要做什么，这样你就不会在中途遇到限制。