問題一覧に戻る
中級ビューとアセット
問題47: Ajax操作 - remote: true

Railsでremote: trueを使ってAjax機能を実装する方法を学習します。この機能により、フォームやリンクがページ全体をリロードせずに非同期リクエストを送信でき、よりスムーズなユーザー体験を提供します。RailsがJavaScriptを自動的に処理するため、Ajaxの実装が簡単になります。

# AJAX送信付きフォーム
<%= form_with model: @post, : true do |f| %>
  <%= f.text_field :title %>
  <%= f.submit %>
<% end %>

# AJAXリクエスト付きリンク
<%= link_to "Delete", post_path(@post), method: :delete, :  %>

# Controller:
def create
  @post = Post.new(post_params)
  
  # HTMLとJS両方を処理
  respond_to do |format|
    if @post.save
      format.html { redirect_to @post }
      # AJAXリクエストに応答
      format. 
    end
  end
end