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
あなたの回答
tips
プレビュー