rails の いいねをajax化したい

Question

railsでいいね機能をajax化したいです

ページを更新すればいいねができるのですが、非同期通信ができません。qiitaのいいねajax系の記事はほとんど読んで見て解決しようとトライしたのですが、未だ解決方法がわかりません。

まずajaxではない いいねを追加した後にajax化しようとしていました。色々な記事を参照したので、コードが汚くなっていると思います。

モデル

like.rb

class Like < ApplicationRecord
  belongs_to :post
  belongs_to :user
  validates_uniqueness_of :post_id, scope: :user_id
end

user.rb

class User < ApplicationRecord
  has_many :posts, dependent: :destroy
  has_many :likes, dependent: :destroy
  has_many :liked_posts, through: :likes, source: :post
  def already_liked?(post)
    self.likes.exists?(post_id: post.id)
  end
end

post.rb

class Post < ApplicationRecord
  belongs_to :user
  has_many :likes, dependent: :destroy
  has_many :liked_users, through: :likes, source: :user
end

###ルーティング

routes.rb

Rails.application.routes.draw do
  get '/login', to: 'sessions#new'
  post '/login', to: 'sessions#create'
  delete '/logout', to: 'sessions#destroy'

  namespace :admin do
    resources :users

  end

  root to: 'posts#top'
  resources :posts do
    resources :likes, only: [:create, :destroy]
  end
end

###コントローラー

likes_contoroller

class LikesController < ApplicationController

  def create
    @post = Post.find(params[:post_id])
    like = current_user.likes.build(post_id: params[:post_id])
    like.save
  end

  def destroy
    @post = Post.find(params[:post_id])
    like = Like.find_by(post_id: params[:post_id], user_id: current_user.id)
    like.destroy
  end
end

###テンプレート

_like.html.slim

- if current_user.already_liked?(@post)
  span お気に入り解除:
  = link_to post.likes.count, post_like_path(@post), method: :delete, remote: true
- else
  span お気に入り登録:
  = link_to post.likes.count, post_likes_path(@post), method: :post, remote: true

###js

create.js.erb

$('#likes_buttons_<%= @post.id %>').html("<%= j(render partial: 'likes/like', locals: {post: @post}) %>");

destroy.js.erb

$('#likes_buttons_<%= @post.id %>').html("<%= j(render partial: 'likes/like', locals: {post: @post}) %>");

###現状
ページを更新すればいいねがカウントされて数字が増えますが、期待しているajaxの動きにはなりません。_like.html.slimが何かおかしいのかもしれないと思っていますが、どのようにすればいいか検討がつきません。よろしくお願いします。

Answer 1

- if current_user.already_liked?(@post)
  span お気に入り解除:
  = link_to post.likes.count, post_like_path(post, post_id: post.id), method: :delete, id: "like-button", remote: true
- else
  span お気に入り登録:
  = link_to post.likes.count, post_likes_path(post), id: "like-button", method: :post, remote: true

ログを見て、key?を指定したらできました。正直ググってそれを見ただけなので解決方法がなぜこのような結果になるかわからないです。

ActionView::Template::Error (No route matches {:action=>"destroy", :controller=>"likes", :post_id=>#<Post id: 3, name: "やば", description: "やばいね", created_at: "2019-06-26 13:12:31", updated_at: "2019-06-26 13:12:31", user_id: 1>}, missing required keys: [:id]):