Rails 3 & jQuery - 两者如何协同工作来创建 Web 应用程序？

Question

我需要帮助理解 Rails 中的端到端流程。

我可以在以下示例中使用帮助。让我们以 Facebook 为例。

当您在 Facebook.com 上并单击 MESSAGES 时，URL 将更改为 (facebook.com/?sk=messages)，然后使用 AJAX 下载 HTML/JS 内容，并在内容中注入 JavaScript面板...没有浏览器刷新，这是我所追求的。

我的具体问题是：

1. 对于通过 AJAX 下载的内容，该内容是否来自 rails 部分内容？... like(app>views>messages>_messagestable.html.erb
2. 知道获取消息内容然后将内容注入内容面板的 JavaScript 应该驻留在哪里？ （那是application.js吗？
3. 将消息内容 (_messagestable.html.erb) 注入内容面板后，将需要特定于该内容的新 JavaScript 函数...应该放在哪里？

Answer 1

大概 Rails 的工作方式与其他任何主要框架一样。通常，您希望 AJAX 和 GET 请求能够很好地协同工作。所以想象一下你有这个网址：

http://www.example.com/messages

转到此处将加载您网站的消息部分，而无需进行 AJAX 调用。但是，如果你去：

http://www.example.com/#/messages

您将登陆 www.example.com，您可以使用 AJAX 将“/messages”部分发送到您的服务器，在那里它可以将其解释为对该控制器的请求以获取该消息视图（或者无论如何您已经设置好了）。这是我见过的一种称为 hijax 的技术，因为您可以在页面上添加正确链接到的实际锚元素

http://www.example.com/messages

或

http://www.example.com/maps

但是在你的javascript中，你可以取消链接的操作，将浏览器重定向到：

http://www.example.com/#/messages

或

http://www.example.com/#maps

现在，由于您有其他 javascript 函数侦听哈希标记中的更改，因此它的作用与您直接访问该链接一样...即将“/maps”发送到服务器，有服务器解释它，并回退您要填充页面的所需内容 HTML。通过这种方式，搜索引擎可以抓取您的网站，并且您可以获得适合使用和不使用 javascript 的用户的用户体验。

现在，为了在页面加载后加载额外的 Javascript 功能，我相信，您可以简单地使用 Javascript 插入新标签，并将源代码添加到新脚本所在的任何位置。您可以使用 jQuery 的 .getScript() 方法轻松做到这一点：

http://api.jquery.com/jQuery.getScript/

至于所有这些脚本所在的位置...我想这取决于您或 Rails。解析 URL 哈希的能力是您绝对需要将它们结合在一起的能力。为此，您可以选择多个 jQuery 库：

Detecting Back Button/Hash Change in URL

希望这会有所帮助..