<%= link_to "加载内容", load_content_path, remote: true %>

def load_content
  @items = Item.all
  respond_to do |format|
    format.js   # 这会渲染load_content.js.erb
  end
end

$('#content-container').html("<%= j render partial: 'items/list', locals: { items: @items } %>");

$.ajax({
  url: '/load_content',
  type: 'GET',
  dataType: 'script'
});

fetch('/load_content', {
  headers: {
    'Accept': 'text/javascript'
  }
})
.then(response => response.text())
.then(text => {
  eval(text);
});

$(window).on('scroll', function() {
  if ($(window).scrollTop() > $(document).height() - $(window).height() - 50) {
    if (!loading) {
      loading = true;
      $.getScript(nextPageUrl);
    }
  }
});

<%= form_for @item, remote: true do |f| %>
  ...
<% end %>

<% if @item.errors.any? %>
  $('#form-container').html("<%= j render 'form' %>");
<% else %>
  $('#items-list').prepend("<%= j render @item %>");
  $('#form-container').html("<%= j render 'form', item: Item.new %>");
<% end %>

$('#search-input').on('input', function() {
  $.get('/search', { query: $(this).val() }, null, 'script');
});