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

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

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

HTTPS(Hypertext Transfer Protocol Secure)はHypertext Transfer プロトコルとSSL/TLS プロトコルを組み合わせたものです。WebサーバとWebブラウザの間の通信を暗号化させて、通信経路上での盗聴や第三者によるなりすましを防止します。

POST

POSTはHTTPプロトコルのリクエストメソッドです。ファイルをアップロードしたときや入力フォームが送信されたときなど、クライアントがデータをサーバに送る際に利用されます。

Ruby on Rails

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

非同期処理

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

Ajax

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

Q&A

解決済

1回答

1966閲覧

【Rails/いいね機能】非同期通信がうまくできない。ActionView::Template::Error

mokosamejima

総合スコア11

HTTPS

HTTPS(Hypertext Transfer Protocol Secure)はHypertext Transfer プロトコルとSSL/TLS プロトコルを組み合わせたものです。WebサーバとWebブラウザの間の通信を暗号化させて、通信経路上での盗聴や第三者によるなりすましを防止します。

POST

POSTはHTTPプロトコルのリクエストメソッドです。ファイルをアップロードしたときや入力フォームが送信されたときなど、クライアントがデータをサーバに送る際に利用されます。

Ruby on Rails

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

非同期処理

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

Ajax

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

0グッド

0クリップ

投稿2021/09/23 05:09

概要

いいね機能の非同期通信を行っていましたが、うまく作動していません。
ターミナルを確認すると、以下のようなエラー文が出ます。

ActionView::Template::Error (Missing partial rooads/_rooad with {:locale=>[:en], :formats=>[:js, :html, :text.......

js.erbファイルが正常に発火できる確認したので、js.erbファイルの内容が間違っているものだと思いましたが、解決に至りません。ご協力の方よろしくお願い致します

「参考記事」
https://techtechmedia.com/favorite-function-rails/

各ファイル

likes/js.erb(create,destroy)

document.getElementById('rooad_<%= @rooad.id %>').innerHTML = '<%= j(render @rooad) %>'

Rooads/index

<h1>口コミ一覧</h1> <% @rooads.each do |rooad|%> <div id="rooad_<%= rooad.id %>"> <%= render 'post', rooad: rooad %> </div > <% end %>

Rooads/_post

<p>タイトル:<%= rooad.title %></p> <% if current_user.liked_by?(rooad.id) %> <td><%= link_to 'いいねを外す', destroy_like_path(rooad), method: :DELETE, remote: true %><%= rooad.likes.count %></td> <% else %> <td><%= link_to 'いいね', create_like_path(rooad), method: :POST, remote: true %><%= rooad.likes.count %></td> <% end %> <%= link_to 'もっと見る', rooad_path(rooad.id) %>

LikesController

class LikesController < ApplicationController before_action :post_params def create Like.create(user_id: current_user.id, rooad_id: params[:id]) end def destroy Like.find_by(user_id: current_user.id, rooad_id: params[:id]).destroy end private def post_params @rooad = Rooad.find(params[:id]) end end

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

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

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

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

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

guest

回答1

0

自己解決

document.getElementById('rooad_<%= @rooad.id %>').innerHTML = '<%= j(render @rooad) %>'

↓に変更

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

投稿2021/09/23 10:08

mokosamejima

総合スコア11

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問