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

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

ただいまの
回答率

90.48%

  • Ruby on Rails

    7495questions

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

  • Ruby on Rails 4

    2456questions

    Ruby on Rails4はRubyによって書かれたオープンソースのウェブフレームワークです。 Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。

  • Ajax

    1117questions

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

Ajaxを使用してview側でも部分更新を反映させたい

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 1,153

NaojirouHisada

score 52

実装したい機能

Ajaxを利用したコメントの登録および部分更新による表示

問題点

http://qiita.com/Yama-to/items/377f8a92cf30a3ebf454
上記記事のコメント機能を模倣してみたり、
RailsGuideを調べてました。
しかし、
Ajaxを利用して、サーバー側では、新しいコメントは登録されているのですが、
肝心なview側で部分更新がされません。

解決したい点

どのように記述すれば、
部分更新がview側でも反映されるのでしょうか??

お手数おかけしますが、
アドバイス宜しくお願いします。

ソースコード

show.html.erb


<%= @user.first_kanji%>


<%= link_to '基本情報編集' ,edit_user_path(@user) %>

<%= render 'follow_form' if logged_in? %>



<% if @user.microposts.any? %>

<%= render partial: 'microposts/micropost', locals:{microposts: @microposts} %>



<% end %>
_micropost.html.erb


<% microposts.each do |micropost| %>
    <div id="micropost<%=micropost.id %>">
      <% @micropost = micropost %>


        <p><%= micropost.user.first_kanji %> <%= micropost.user.last_kanji %>さん<br />


        <%= micropost.content %>



        <%  if  current_user.following?(@user) && @following_relationships.status == 1 || current_user.follower?(@user)  &&  @follower_relationships.status == 1  %>
            <%= render partial:'shared/comment_form' %>
        <% end %>

        <div id="comments<%=micropost.id %>">
            <%= render  partial: 'comments/comment' ,locals:{comments: @micropost.comments} %>
        </div>





        <%- if current_user == micropost.user %>

        <%= link_to "削除", micropost , method: :delete , data:{confirm: "削除してよろしいですか?"} %>

        <% end %>
    </div> 
<% end %>
_comment.html.erb
<% comments.each do |comment| %>
    <div id="comment<%=comment.id %>">




        <p><%= comment.content %></p>




    </div>

<% end %>
_comment_form.html.erb

<%= form_for(@comments,remote: true) do |f| %>

    <%= f.text_field :content , id: "comment_field" %>

    <%= hidden_field_tag :micropost_id , @micropost.id %>
    <%= hidden_field_tag :user_id , current_user.id %>



    <%= f.submit '投稿' %>
<% end %>
CommentController
class CommentsController < ApplicationController
     before_action :logged_in_user 

    def create
        @user = User.find(params[:user_id])
        @micropost = Micropost.find(params[:micropost_id])
        @comment = current_user.comments.build(comment_params)
        @comment.micropost = @micropost
        respond_to do |format|
            if @comment.save
                @succeed = true
                format.html{redirect_to @user , notice: "Create Comment"}
                format.js   {}
                format.json { render json: 'comments/comment', status: :created, location: @micropost.comments }
            else
                flash[:danger] = 'missing'
            end
        end
    end

    private

    def comment_params
        params.require(:comment).permit(:content)
    end
end
create.js.erb
<% if @succeed %>
    $("#comment_field").val('');
    $("
    $("#comments<%=@micropost.id %>" %>).innerHTML("<%= escape_javascript(render partial: 'comments/comment' , locals:{comments: @micropost.comments} )%> );


<% else %>

<% end %>
  • 気になる質問をクリップする

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

check解決した方法

0

スペルミスによるもので、
そこをデバックしたらうまく実装できました!
この質問を見て考えてくれた方々には本当に感謝してます!
ありがとうございました(^^)

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/04/24 02:30

    解決できたようでよかったですね。まだ質問が「受付中」になっていますが、いったん「解決済」にされてはいかがでしょうか。

    キャンセル

  • 2016/04/24 02:32

    ずっと悩んでたタネが解決できて本当によかったです!!

    忘れてました(^^;)
    ご指摘ありがとうございます(^^)
    以後気をつけます。

    キャンセル

関連した質問

  • 解決済

    他モデルshowページへ飛ぶ際の条件分岐は??

    前提・実現したいこと 他モデルへのshowページへ飛べるように条件分岐をしたいです。 例えば、あるユーザーがUserとしてログインしていたとします。 そこから、Shopユ

  • 解決済

    他モデル間フォローでのajax実装方法とは?Part2

    前提・実現したいこと 他モデル間でのいいね!機能にajaxを実装したい。 二度目のajaxの質問で大変恐縮です。 いいね!をするまでの流れとしては Userログイン→S

  • 解決済

    Rails 部分テンプレート 他コントローラーのビュー表示

    前提・実現したいこと railsで部分テンプレートを使い、他コントローラーのビューを表示したいです。具体的には、postsコントローラーのindexビューファイルをreviews

  • 受付中

    railsの変数について

    はじめまして、railsの開始してまもなく1ヶ月が経とうとしいます! teratailの回答者さまにはいつもお世話になっています。 今回はrailsの変数の扱いについて

  • 解決済

    rails5:scaffoldでupdateした時のエラー

    前提・実現したいこと 現在 Ruby on RailsでWebアプリケーションを作成しております. scaffoldを使ってMicropost的なものを作っているのですが,標準

  • 解決済

    Railsで「受付中」「解決済み」の表示を切り替えるボタンを作りたい

    前提・実現したいこと Rails 4 練習で簡単なQ&Aサイトを作っていて、質問したユーザーが回答を「受付中」「解決済み」の項目を切り替えられるボタンのようなものを作りたい

  • 解決済

    ページネーションのカスタマイズ

    前提・実現したいこと モデルから特定のデータを取り出しページネーションを対応させたいです。 発生している問題・エラーメッセージ 以下のページネーションだと

  • 解決済

    RailsでAjaxをちゃんと動かしたい

    Railsでrailsとjsを使ったお手軽「いいね♡機能」をみながら、「いいね♡機能」を実装しているのですが、[いいね!ボタン]を押したあとにリロードしなければ画面が変化しません。

同じタグがついた質問を見る

  • Ruby on Rails

    7495questions

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

  • Ruby on Rails 4

    2456questions

    Ruby on Rails4はRubyによって書かれたオープンソースのウェブフレームワークです。 Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。

  • Ajax

    1117questions

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