如何使页面在弹出窗口上逐步进展？

Question

能有人请解释我如何去创造下页，我应该采取什么样的技术：

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

据我了解，我应该尝试以下方法：

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

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

Answer 1

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

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

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

Las step 它不强制使用XMLHTTPRequest。你甚至可以在jQuery post/ajax中提交表单。比你可以重新加载页面确认消息发送回应从服务器或您可以使用jQuery使确认消息出现。