0

我目前正在研究一个多步骤查询表单，可以在以下位置找到：http: //jsfiddle.net/xSkgH/47/。

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

到目前为止，我已经设法使用 malsup ( http://jquery.malsup.com/form/ ) 的 jQuery 表单插件来实现这一点。

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

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

它将发送一个发布请求，使用打印到响应 html 中的任何 url 填充“最后一步”的 html 内容。但我不确定如何替换下面的代码并使用.load：

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

提前谢谢了。

4

2 回答 2

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

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

    return false;
});

如果您可以改用“发布”。

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

于 2012-04-16T21:56:13.303 回答
1

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

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

于 2012-04-16T20:53:00.590 回答