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

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

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

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Ruby on Rails

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

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Ajax

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

Q&A

解決済

1回答

1741閲覧

ajaxを使ってcounter_cacheを更新させたいのですが

vvvchrome

総合スコア19

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Ruby on Rails

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

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Ajax

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

0グッド

0クリップ

投稿2016/08/27 09:12

現在TwitterライクなwebアプリケーションをRails 5.0.0で開発しています。

Like機能の実装に取り掛かっているのですが、
ajaxを使ってcounter_cacheを更新させようとすると、
思った通りに動かないのでこちらで質問させて頂きます。

###該当のソースコード

like.rb class Like < ApplicationRecord belongs_to :user belongs_to :tweet, counter_cache: :likes_count end --------------------------------------------- tweet.rb ... ... def liked?(user) likes.find_by(user_id: user) end --------------------------------------------- likes_controller.rb def create @tweet = Tweet.find(params[:tweet_id]) @like = Like.create(user_id: current_user.id, tweet_id: params[:tweet_id]) respond_to do |format| format.js end end def destroy @like = current_user.likes.find_by(tweet_id: params[:tweet_id]) @like.destroy end ------------------------------------------------ _tweet.html.haml ... ... %span{:id => "like-tweet-#{tweet.id}"} = render 'likes/like_button', tweet: tweet %span#likes-count = tweet.likes_count ------------------------------------------------ create.js.haml & destroy.js.haml $('#like-tweet-#{@like.tweet.id}').html("#{j render 'likes/like_button', tweet: @like.tweet, like: @like}"); $('#likes-count').html("#{@tweet.likes_count}"); ----------------------------------------------- routes.rb resources :tweets, only: [:create, :destroy] do resource :likes, only: [:create, :destroy] end

like_buttonはajaxを使って切り替えることが出来たのですが、
次のステップとしてlikes_countをajaxを使って切り替えようとしたら詰まってしまいました。

私はどのようなコードを書けば、望んでいることが出来るでしょうか?
回答よろしくお願いします。

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

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

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

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

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

guest

回答1

0

自己解決

$('#likes-count-#{@like.tweet.id}').html("#{@tweet.reload.likes_count}");
に変えたら正常に動きました。

投稿2016/08/27 12:33

vvvchrome

総合スコア19

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問