使用ajax的3步形式，将数据从一个步骤发送到下一个步骤

Question

我想在我的网站上重新设计一个3页的表格。

目前：

1. 第1页从用户那里获取一些初始数据，并通过POST提交给第2页
2. 第2页使用此数据仅显示基于的相应表单字段 初始数据并由POST提交至第3页
3. 第3页最终在发送前捕获联系信息 表单通过ajax来显示mysql查询的结果 页。

我想要做的是将整个表单放在一个页面上，每个步骤都被提交，并且发送的数据将在下一步中通过ajax使用（以及一些整洁的jQuery slideUp slideDown操作来隐藏＆amp;揭示步骤）以创造更无缝的体验。我已经找了一个资源来演示使用ajax在同一页面上的表单之间发送数据但是我找不到任何东西而且我很难过。

任何指针都非常感谢！

Answer 1

这是一个简单的解决方案：使用wicked gem。

另见webform to wizard

Answer 2

所以是的，我不需要ajax提交的3个表单，我已经将整个页面转换为1个表单，并且在进入第二步时有一个点击事件，该步骤执行第1步中需要完成的操作，第3步最终使用AJAX提交整个表单，完美！