javascript - 如何使用 JQuery 和 Rails 创建类似 Wufoo(表单生成器)的 Web 应用程序?

标签 javascript jquery ruby-on-rails html local-storage

我正在寻找有关如何实现 Wufoo-like builder 的指导在客户端使用 JQuery 的 Rails 3 应用程序中。基本上允许用户在“离线”模式下构建某些东西(在 Wufoo 的情况下是一个表单),然后通过单击“保存”按钮或类似按钮(例如,可能是由每 30 秒左右浏览一次)。

此时我倾向于使用 HTML5 本地存储。 “构建器”本质上会将用户编辑以 JSON 格式本地存储在浏览器本地存储中。单击“保存”按钮,然后 HTTP 将本地存储的内容再次以 JSON 格式发布到 Rails 应用程序。这听起来对吗?有什么意见、建议吗?

一些额外的考虑/问题:

  • 不支持 HTML5 的旧浏览器怎么办?是否应该有一个使用 cookie 存储的后备计划?
  • 有什么 JQuery 插件可以帮助解决这个问题吗?例如将 HTML5 本地存储抽象为主要存储,将 cookie 存储抽象为辅助/后备存储。
  • 有什么需要注意的特定于 Rails 的注意事项吗?

注意:以下问题专门针对 WYSIWYG 表单生成器,并没有真正提供任何好的解决方案。 Creating WYSIWYG form builder (á la Wufoo) in Rails

谢谢!

最佳答案

我在工作中一直在研究这个问题,我认为它可以让您在知道如何序列化和反序列化自身的 jquery 表单构建器上抢先一步。我认为它将表单序列化为字符串而不是 JSON,但这是一个开始。 http://www.botsko.net/blog/2009/04/07/jquery-form-builder-plugin/

Google 搜索找到了我的 sites.google.com/site/daveschindler/jquery-html5-storage-plugin,它说它将内容存储在 HTML 5 存储中,如果浏览器不支持它,则回退到 cookie。

另一个想法:如果使用本地存储的目标是让用户不丢失他们还不想发布的工作,另一个选择可能是实现单独的“保存”和“发布”按钮,这样您仍然可以保存用户在服务器端工作,但让他们保留“草稿”直到他们准备好发布,这样他们使用哪个浏览器或 PC 就无关紧要了。

希望这对您有所帮助。

关于javascript - 如何使用 JQuery 和 Rails 创建类似 Wufoo(表单生成器)的 Web 应用程序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4750843/

相关文章:

JavaScript 不适用于 android WebView,Uncaught ReferenceError

javascript - 使用 JavaScript 将两个数组合并为一个对象的数组

javascript - 清除 session 数据

javascript - 你能做 .prev() 减去一个数字吗

jquery - 跟随 jquery slider handle 的工具提示?

ruby-on-rails - 在 ruby​​ on rails 4.2.0 中隐藏记录而不是删除它们

ruby-on-rails - 如何在 Rails 中捕获 ActiveRecord::Base.connection.execute 的错误?

javascript - 在小屏幕上隐藏/显示图像

javascript - 查询 : Disable multiple <option> on multiple <select> based on array of selected values

ruby-on-rails - 我如何测试多个 Controller / Action 上是否有前置过滤器?