Ruby on Rails 中跨模型的 jQuery

Question

我有一个相当简单的 Ruby on Rails 应用程序：两个模型 Lists 和 Items。 Lists 有许多 Items，并且 Items 属于 Lists。好的。

ListsController 的 show 方法打印一个页面，其中包含属于给定列表的项目列表（在部分 lists/_listOfItems.html.erb）。在 show.html.erb 视图的末尾，有一个表单可让用户将项目添加到列表中。在标准（无 jQuery）RoR 中，这非常有效。

现在，我想做的是让用户将项目添加到列表中，而无需重新加载页面。我已经使用 jQuery 将项目添加到数据库中，但现在我的问题是刷新 html 列表而不重新加载页面。我已经成功地在 ItemsController 中执行了 create.js.erb，并且我可以使用它使内容显示在页面上，但问题是这个 create.erb 是这样创建的。 js.erb 位于 ItemsController 而不是 ListsController 中，因此如果我尝试使 create.js.erb 渲染部分_listOfItems.html.erb，它将失败，因为 create.js.erb 位于 ItemsController 中，因此无法访问 中定义的变量ListsController 的 >show 方法。

我想如果我使用 ItemsController 的 index 方法来显示项目列表，它会像一个魅力，因为所有东西都在那里，但这可能会产生进一步的复杂性。

我希望这是清楚的。你能帮助我吗？非常感谢！

Answer 1

如果我理解正确，我认为解决方案在于 javascript + 控制器中的操作：

您的显示视图应该有一个 ajax 调用，如下所示，这应该由 click/change/... jquery 函数触发，例如： $( "selector").change(function() { 这里放置 ajax 调用 })

  $.ajax( {
    type: 'get',
    url: "/ajax/somepageofyourown",
    async: false,
    data: { add here any variables your controller method would need },
    success: function( r ) {
      $(' the selector that needs to be replaced ').html( r );
    }
  } );

添加此 ajax 调用的 url 到您的路由，以便您的控制器响应

添加您的控制器操作，它应该触发渲染您想要的 html替换之前的 html。