jquery - 如何使用 ujs、jquery 和 Rails 加载内容？

Question

我正在尝试找出使用 Rails UJS 将内容插入灯箱的最佳方法。我有一个如下所示的链接:

<%= link_to "login", login_path, :remote => true %>

生成这样的 html:

<a data-remote="true" href="/login">login</a>

所以这一切都很好，我创建了 View 文件:user_sessions/new.js.erb，它也加载得很好，但我的问题是什么是插入附加的首选方法html 进入页面？就像我已经在非 js 页面上有了登录表单，所以我不能将部分加载到页面中吗？

任何想法都会受到欢迎。

Answer 1

我不完全确定我明白你在问什么，但一般来说，你可以将 HTML 片段填充到一些现有的容器中，如下所示:

$('div#yourDiv').html(blob_of_HTML);

您可以通过以下方式从服务器端操作加载 HTML 片段:

$('div#yourDiv').load(yourURL, function() {
  // stuff to do when the content has been loaded
});

如果您有一个完整的页面，并且您只想将其部分加载到另一个页面中，您可以尝试以下操作:

$('div#yourDiv').load(yourUrl + ' #something', function() {
  // stuff to do ...
});

这告诉 jQuery 获取加载的整个页面内容，然后在整个页面中查找“#something”，然后仅将页面的该部分加载到目标容器中。