如何在弹出窗口中逐步进行页面进度？

Question

有人可以解释我如何创建以下页面以及我应该采用哪些技巧：

1. 用户应该能够点击一个按钮，该按钮应该会弹出一个。
2. 弹出窗口应该有一个带有说明的静态页面和单击按钮，使用户可以进入同一弹出窗口的下一步。
3. 在下一步中，应运行该功能以从用户处获取输入并将其保存到服务器。
4. 用户最终应该看到确认，点击完成后，弹出窗口应隐藏。

根据我的理解，我应该尝试以下方法：

• 使用javascript onclick和fadeIn函数创建弹出窗口。
• 继续使用onclick和AJAX更改相同的div，以创建逐步的格式并执行其功能。
• 使用XMLHTTPRequest上传获取的数据，最后使用fadeOut隐藏弹出窗口。

我在这些方面思考的原因是因为我很少接触网页设计，所以很想得到一些专家意见，如果这是正确的方法，如果不是那么什么应该是一个更好的方法做到这一点。是否有一些现有的文献/方法可以谈论它？ 任何帮助将不胜感激。

Answer 1

第一步 使用javascript onclick功能。但在此之前保持静态内容准备就绪，而不是使用jQuery UI将其显示为良好的对话框。例如see this

第二步 用户永远不会知道您已更改对话框。只是您可以加载包含新内容的新对话框。当您单击第一页上的按钮时，请关闭第一个对话框。

第三步 而不是静态内容使响应设置为对话框，在这里您可以使用Ajax / post call。

拉斯步骤 它没有强制使用XMLHTTPRequest。你甚至可以在jQuery post / ajax中提交表单。您可以重新加载页面，并在服务器响应中发送确认消息，或者您可以使用jQuery来显示确认消息。