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

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

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

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

Ruby on Rails

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

JavaScript

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

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Ajax

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

Q&A

解決済

1回答

613閲覧

【Rails・JavaScript】ActiveModel::UnknownAttributeError

kumamin

総合スコア12

Ruby

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

Ruby on Rails

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

JavaScript

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

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Ajax

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

0グッド

0クリップ

投稿2020/07/20 07:33

編集2020/07/20 12:49

前提・実現したいこと

今jQueryのAjaxを使い、レビューの投稿画面を実装しています。

ログイン中のユーザーがフォームの中にレビューを書いて送信ボタンを押すと、
投稿者のプロフィール画像と投稿内容が画面に非同期で表示されるようにしたいです。

レビュー投稿画面はreviews/index.html.hamlで設定しています。

そこでreview.jsのファイルにAjaxを記述したのですが、
フォームの中に文字を入力して送信ボタンを押すと、エラーが出てきてしまいました。

解決方法を教えていただけますと幸いです。

発生している問題・エラーメッセージ

ActiveModel::UnknownAttributeError unknown attribute 'profile_image' for Review.

イメージ説明

該当のソースコード

▼app/assets/javascripts/review.js

ruby

1$(function(){ 2 function buildHTML(review){ 3 let html = `<div class="Message_box"> 4 <div class=" Message_box__User_image"> 5 ${review.user.profile_image} 6 </div> 7 <div class="Message_box__Content"> 8 <a class="Link Text Message_box__Content__Name" href="/posts_g/8">${review.user_name}</a> 9 <div class="Message_box__Text Text"> 10 ${review.content} 11 </div> 12 </div> 13 </div>` 14 return html; 15 } 16 $('.New_r').on('submit', function(e){ 17 e.preventDefault(); 18 let formData = new FormData(this); 19 let url = $(this).attr('action'); 20 $.ajax({ 21 url: url, 22 type: 'POST', 23 data: formData, 24 dataType: 'json', 25 processData: false, 26 contentType: false 27 }) 28 .done(function(data){ 29 let html = buildHTML(data); 30 $('.Reviews').append(html); 31 $('.Textbox_r').val(''); 32 $('.Submit_r').prop('disabled', false); 33 }) 34 .fail(function() { 35 console.log('error'); 36 }); 37 }) 38})

▼app/views/reviews/create.json.builder

ruby

1json.content @review.content 2json.user_id @review.user.id 3json.user_name @review.user.name 4json.profile_image @review.user.profile_image

▼app/controllers/reviews_controller.rb

ruby

1class ReviewsController < ApplicationController 2 3 def index 4 @user = User.find(params[:user_id]) 5 end 6 7 def create 8 @review = current_user.reviews.create(review_params) 9 if @review.save 10 respond_to do |format| 11 format.json 12 end 13 else 14 @reviews = @user.reviews.includes(:user) 15 render :index 16 end 17 end 18 19 private 20 21 def review_params 22 params.require(:review).permit(:content).merge(user_id: current_user.id, profile_image: current_user.profile_image) 23 end 24 25end

▼db/migrate/2020XXXXXX_devise_create_users.rb

ruby

1class DeviseCreateUsers < ActiveRecord::Migration[6.0] 2 def change 3 create_table :users do |t| 4 t.string :name, null: false 5 t.string :email, null: false, default: "" 6 t.string :encrypted_password, null: false, default: "" 7 t.text :profile 8 t.string :profile_image_id 9 end 10 end 11end

▼db/migrate/2020XXXXXX_devise_create_users.rb

ruby

1class CreateReviews < ActiveRecord::Migration[6.0] 2 def change 3 create_table :reviews do |t| 4 t.text :content, null:false 5 t.references :user, foreign_key: true 6 t.timestamps 7 end 8 end 9end

▼app/models/user.rb

ruby

1class User < ApplicationRecord 2 devise :database_authenticatable, :registerable, 3 :recoverable, :rememberable, :validatable 4 5 validates :name, presence: true, uniqueness: true 6 7 has_many :reviews 8 9 attachment :profile_image 10end

▼app/models/review.rb

ruby

1class Review < ApplicationRecord 2 validates :content, presence: true 3 belongs_to :user 4end

試したこと

以下の2つを確認しましたが、間違いを見つけられませんでした。
・userテーブルにprofile_imageのカラムが存在しているか?
・userとreviewモデルのアソシエーションはできているか?
・reviews controllerのreview_params内にprofile_imageを入れているか?

補足情報(FW/ツールのバージョンなど)

プロフィール画像の表示には、refileというGemを使っています。
データベースはPostgresQLを使っています。

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

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

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

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

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

guest

回答1

0

自己解決

app/controllers/reviews_controller.rbで
def review_params
params.require(:review).permit(:content).merge(user_id: current_user.id, profile_image: current_user.profile_image)
end
の部分からprofile_image: current_user.profile_imageを消去したら解決しました。

投稿2020/07/20 17:09

kumamin

総合スコア12

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問