使用jQuery Mobile收集数据的正确方法

Question

我需要调整Ruby on Rails（v2.3.12）应用程序以通过移动Web界面收集数据。我们宁愿不必使用PhoneGap，Appcelerator等构建客户端应用程序。我已经看过移动网络工具包，jQuery Mobile似乎是一种相对简单的方式来做我们想做的事情。

我们完成了基本的工作流程/设计，作为一系列单页面。目标用户要求这非常简单。我需要以下列方式收集主要详细数据：

• 步骤1 - 2个数据元素（母版页）
• 步骤2 - 输入2个数据元素和NEXT和DONE按钮（详细信息页面）
• 步骤3 - 在1-3个数据元素和NEXT按钮（详细信息页面）中输入数据

在步骤3中单击下一步后，我们将返回步骤2并重复。完成后，单击DONE，流程返回到步骤1.单击DONE后，我希望能够将所有数据发回到Rails应用程序。

这是我的第一个移动应用程序，因此在收集数据之前，我不确定在这些详细信息页面上保存数据的最佳方法。这也可能不适合采用这种应用程序。无论哪种方式，我都希望得到一些指导。谢谢！

Answer 1

通过使用动态生成的输入以单一形式处理整个事物，我会使事情变得非常简单。

每次按下“下一个/完成”按钮，您都会隐藏当前的输入集并创建一些适当命名的新输入（使用js）。我会使用数组来保持一切有条理。

当输入所有数据后，表格可以照常提交，所有内容都会在一次POST中发送到您的Rails应用程序。