jquery - 在 jQuery 中更改 View (从表单到结果)的最佳方式

Question

我想创建一个搜索表单，用户可以在其中对元素进行排队，然后他们单击搜索按钮以查看结果。结果是从第 3 方 API(通过 XHR)加载的，在加载时我想显示一个进度轮。加载完成后，他们将看到结果，他们将能够单击“后退”按钮返回搜索表单(将 View 更改回原始 View )。

请注意，这一切都在一页上。没有实际的“提交”，只是为了显示结果而改变 View 。可以刷新结果 View 并停留在结果 View 上，因为我将使用哈希来维护状态(如 search/!#searchterms)。

我是 jQuery 的中级用户(阅读文档并使用它大约半年)，但我从未做过这样的事情，我对最佳实践很感兴趣。我想知道的一些具体事情:

• 我应该简单地使用 toggle() 来切换 View 吗？或者这是否倾向于通过某种动画看起来更有趣？
• 我应该采取一些幕后“预加载”技巧来节省更新 DOM 的时间吗？
• 像这样使用主题标签来维护状态的通用名称是什么？我在哪里可以阅读更多关于使用 jQuery 做到这一点的信息？
• 还有什么我应该知道的..

Answer 1

您要求的基本上是一个功能齐全的 Web 应用程序。你可以用类似的东西拼凑你想要的东西

• 本奥尔曼的烧烤 http://benalman.com/projects/jquery-bbq-plugin/ (用于通过哈希维护状态)
• jQuery 模板 https://github.com/jquery/jquery-tmpl (对于... View )
• jQuery(像逻辑一样处理 Controller )

或者您可以学习 Backbone.js 或 Spine.js 或 JavascriptMVC 之类的东西以增加一致性。

有很多方法可以通过 HTTP 条件请求和内存或本地存储中的客户端缓存来处理缓存。我最近就此发表了演讲，可在此处查看:

http://loft.bocoup.com/tim-branyen-jquery-templates/

我不是特别出色的演讲者，但幻灯片和演示源在这里: http://talks.tabdeveloper.com/Advanced_jQuery_Templates/

当然，您可以做到这一点非常基本...但我恳请您多考虑一下您要尝试做的事情并选择正确的解决方案。