使用ajax将数据从一个步骤发送到下一个步骤的3步表单

3 step form using ajax that sends data from one step to the next

本文关键字：下一个 表单 3步 一个 数据 ajax 使用      更新时间：2023-09-26

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

当前：

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

我想做的是将整个表单放在一个页面上，每个步骤都要提交，并通过ajax发送数据以在下一步中使用（还有一些整洁的jQuery slideUp slideDown操作来隐藏和显示步骤），以创建更无缝的体验。我已经寻找了一个资源来演示使用ajax在同一页面上的表单之间发送数据，但我什么都找不到，我被难住了。

任何建议都将不胜感激！

有一个简单的解决方案：使用邪恶的宝石。

另请参阅Web表单以向导

所以，是的，我不需要ajax提交3个表单，我已经将整个页面变成了一个表单，并在进入第二步时有一个点击事件，该步骤需要对步骤1中的数据进行处理，步骤3最终使用ajax提交了整个表单，非常完美！

相关文章：