即使被注释掉，Rails 也会渲染部分内容

Question

我很好奇 Rails 5 是如何渲染局部的，以及是否有我不知道的问题。我的页面上有两个部分，一个呈现为 html 的一部分，另一个呈现在 ajax 请求的成功回调中。但是，当我刷新页面时，即使没有触发 ajax 请求，并且即使对渲染部分的调用被注释掉，ajax 请求中的部分实际上也会被渲染。

我一直认为部分渲染是在代码行运行时呈现的。

以下是相关代码：

$('body').on("click", ".notif-popup-container", function() {

  $.post(
    "/notifications/read",
    { notif_id: notifId },
  ).done(function(data) {
    $('#notifUnreadCount').html(data.unread_notifs);
    
    var popover = $('#notificationsBell').data('bs.popover');
    popover.config.content = $('.notifications-list').html();
  })


  $('.notifications-list').html("<%= j (render partial: 'notifications/partials/test_partial') %>"); // this never fails to render, even when commented out

})

<div style="display:none" class="notifications-list">
  <%= render 'notifications/partials/popover_notifications' %>
</div>

这是控制台输出图像。正如您所看到的 _popover_notifications.html.erb 会按应有的方式呈现，但随后我的 _test_partial.html.erb 也会呈现，但它不应该呈现，因为它所在的点击处理程序没有被触发。

任何见解都值得赞赏。

Answer 1

我一直认为部分渲染是在代码行运行时呈现的。

这里的关键是了解代码何时运行。当您使用js.erb 动态创建 javascript 时，该文件首先通过服务器上的 ERB 运行，然后再发送到运行生成的 javascript 的客户端。您的服务器实际上并没有解析 javascript，因此它不知道或关心是否涉及事件处理程序。对于 Rails，它只是一个字符串缓冲区。

这实际上是js.erb 模板的一个主要概念问题，因为服务器端和客户端之间的上下文切换使得流程难以遵循。

此代码还存在许多其他问题，例如使用 === 标识运算符以及您在视图中执行数据库查询的事实是一个巨大的反模式。