从jQuery ruby on rails渲染部分

# Gemfile
gem 'jquery-rails'

// app/javascript/packs/application.js
import $ from 'jquery';
window.jQuery = $;

<!-- app/views/users/_user_info.html.erb -->
<div id="user-info">
  <p>Name: <%= @user.name %></p>
  <p>Email: <%= @user.email %></p>
</div>

# app/controllers/users_controller.rb
class UsersController < ApplicationController
  def show
    @user = User.find(params[:id])
    respond_to do |format|
      format.html
      format.js
    end
  end
end

// app/views/users/show.js.erb
$('#user-info').html('<%= j render partial: "users/user_info", locals: { user: @user } %>');

# config/routes.rb
Rails.application.routes.draw do
  resources :users, only: [:show]
end

<!-- app/views/users/show.html.erb -->
<button id="load-user-info">Load User Info</button>
<div id="user-info-container">
  <%= render partial: "users/user_info", locals: { user: @user } %>
</div>

<script>
$(document).ready(function() {
  $('#load-user-info').click(function() {
    $.ajax({
      url: '<%= user_path(@user) %>',
      type: 'GET',
      dataType: 'script'
    });
  });
});
</script>