質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

非同期処理

非同期処理とは一部のコードを別々のスレッドで実行させる手法です。アプリケーションのパフォーマンスを向上させる目的でこの手法を用います。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

Q&A

0回答

674閲覧

rails いいね機能 非同期通信ができない

退会済みユーザー

退会済みユーザー

総合スコア0

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

非同期処理

非同期処理とは一部のコードを別々のスレッドで実行させる手法です。アプリケーションのパフォーマンスを向上させる目的でこの手法を用います。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

0グッド

0クリップ

投稿2021/09/16 14:43

編集2021/09/16 15:03

rails x ajaxでいいね機能を実装しています。そこで非同期通信を実装しようとしているのですが、うまくいきません。リロードすればいいねは反映されるのですが、非同期ではうまくいきません。なぜでしょうか?

###エラー
No template found for LikesController#create, rendering head :no_content
renderingするテンプレートがないと怒られているのですが、どこに原因があるのかわかりません。

###該当コード

Controller

1class LikesController < ApplicationController 2 before_action :authenticate_user! 3 4 def create 5 @like = current_user.likes.build(like_params) 6 @post = Post.find params[:post_id] 7 if @like.save 8 respond_to :js 9 end 10 end 11 12 def destroy 13 @like = Like.find_by(id: params[:id]) 14 @post = Post.find params[:post_id] 15 if @like.destroy 16 respond_to :js 17 end 18 end 19 20 private 21 def like_params 22 params.permit(:post_id) 23 end 24end

index

1<% @posts.each do |post| %> 2 <div class="col-md-8 col-md-2 mx-auto"> 3 <div class="card-wrap"> 4 <div class="card"> 5 <div class="card-header align-items-center d-flex"> 6 7 <%= link_to user_path(post.user), class: "no-text-decoration" do %> 8 <%= image_tag avatar_url(post.user), class: "post-profile-icon" %> 9 <% end %> 10 11 <%= link_to user_path(post.user), class: "black-color no-text-decoration", title: post.user.name do %> 12 <strong><%= post.user.name %></strong> 13 <% end %> 14 15 <% if post.user_id == current_user.id %> 16 <%= link_to post_path(post), method: :delete, class:'ml-auto p-2 bd-highlight' do%> 17 <div class="delete-post-icon"></div> 18 <% end %> 19 <% end %> 20 </div> 21 22 <%= link_to(post_path(post)) do %> 23 <%= image_tag post.photos.first.image.url(:medium), class: "card-img-top" %> 24 <% end %> 25 26 <div class="card-body"> 27 <div class="row parts"> 28 29 <div id="like-icon-post-<%= post.id.to_s%>"> 30 <% if post.liked_by(current_user).present? %> 31 <%= link_to "いいねを取り消す", post_like_path(post.id, post.liked_by(current_user)), method: :delete, remote: true, class:'loved hide-text' %> 32 <% else %> 33 <%= link_to "いいね", post_likes_path(post), method: :post, remote: true, class:'love hide-text' %> 34 <% end %> 35 </div> 36 37 <%= link_to "", "#", class: "comment" %> 38 39 <div id="like-text-post-<%=post.id.to_s%>"> 40 <%= render "like_text", {likes: post.likes} %> 41 </div> 42 43 <div> 44 <span><strong><%= post.user.name %></strong></span> 45 <span><%= post.caption %></span> 46 <%= link_to time_ago_in_words(post.created_at).upcase + "前", post_path(post), class: "post-time no-text-decoration" %> 47 <hr> 48 <div class="row parts"> 49 <form action="#" class="w-100"> 50 <div> 51 <textarea class="form-control comment-input border-0" placeholder="コメント..." rows="1"></textarea> 52 </div> 53 </form> 54 </div> 55 </div> 56 </div> 57 </div> 58 </div> 59 </div> 60<% end %> 61

Js

1$('#like-icon-post-<%= @post.id.to_s %>'). 2 html('<%= link_to "いいねを取り消す", post_like_path(@post.id, @like), method: :DELETE, remote: true, local: {post: @post}, class: "loved hide-text"%>'); 3$('#like-text-post-<%= @post.id.to_s %>'). 4 html('<%= j render "posts/like_text", { likes: @post.likes } %>');

LikeaText

1<strong> 2 <% likes.each.with_index do |like, index| %> 3 <% if likes.size == 1 %> 4 <%= like.user.name %></strong>が「いいね!」しました 5 <% elsif like == likes.last %> 6 </strong>and<strong> 7 <%= + like.user.name %></strong>が「いいね!」しました 8 <% elsif index > 1 %> 9 </strong><%= "and" + (likes.size-index).to_s + '他'%>が「いいね!」しました 10 <% break %> 11 <% elsif index == likes.size-2 || index == 1 %> 12 <%= like.user.name %> 13 <% else %> 14 <%= like.user.name + ',' %> 15 <% end %> 16 <% end %> 17 </strong>

###バージョン
rails6.0

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問