如何根据点击的特定链接呈现部分内容？

Posted 2023-05-09

【中文标题】如何根据点击的特定链接呈现部分内容？

【英文标题】：How to render a partial based on specific link clicked?

【发布时间】：2020-02-14 22:20:53

【问题描述】：

我在我的 Rails 应用程序中使用 Ajax/jQuery 渲染局部时遇到了问题，我想知道我哪里出错了。

Rails 5.2.0

在我的仪表板视图中，我正在尝试根据单击的特定侧边栏链接项呈现部分内容。

在我的views/users/my_dashboard.html.erb：

<li class="sidenav__list-item">
    <%= link_to "Transaction History", transaction_path, :remote: true %>
</li>

我的部分_test.html.erb：

<div>
  <p>It works if this shows</p>
</div>

在我的views/users/my_dashboard.js.erb:

$('#render-test').replaceWith("<%= j render 'users/partials_dashboard/test' %>");

在我的views/users/my_dashboard.html.erb 中，当点击Transaction History 链接时，我需要它来呈现其对应的部分：

// replace this div, with the rendered partial

<div id="render-test">
</div>

控制器users_controller.rb：

def my_dashboard
    respond_to do |format|
      format.html
      format.js
    end
end

我错过了什么？

【问题讨论】：

实际发生了什么，是否有任何问题或错误或其他任何问题，从您的描述中我可以理解您想要做什么，但是您的问题是什么，我没有得到。你也可以使用 $('id').empty.append() 方法来渲染部分。

根本没有出现任何问题。当我点击链接时，我可以在控制台中看到它发出 GET 请求，但没有任何反应。

@bitdon 你确定$('#render-test') 存在于适当的页面上吗？如果是这样，你确定这个'#render-test' 只有一个元素。尝试添加 my_dashboard.js.erb console.log 或 alert('error') 以检查它是否有效。

【参考方案1】：

你不能用 javascript 生成 ruby​​，ruby 不会被解释。如果你真的需要动态的东西，那么你应该考虑创建一个 API 路由，然后用 Jquery 调用这个 API

【讨论】：

你说的是js.erb文件吗？因为那是一个生成 JavaScript 的 ruby​​ 文件。