ajax呼び出しの後でレールに通知を表示する

Question

こんにちは私はユーザがステータスを削除したときにjsテンプレートをレンダリングするステータスコントローラを持っています。これは、コントローラのコードです：私のdestroy.js.erbで

def destroy 
    @status = Status.where(id: params[:id]).first 
    if @status.present? 
    make_subject(@status, Constants::Subject::BREAK) 
    respond_to do |format| 
     format.html { redirect_to root_path, notice: 'deleted' } 
     format.json { head :no_content } 
     format.js { render layout: false } 
    end 
    end 
end 

、私が持っている：

$("#clear_status_<%= @status.id %>").fadeOut(); 

私は私が望む状況が正常に削除されるしたらフラッシュメッセージ

<div id = "notice_wrapper"> 
    <% if alert %> 
    <div class = "alerty"> 
     <p> <%= alert %> </p> 
    </div> 
    <% elsif notice %> 
    <div class = "notice"> 
     <p> <%= notice %> </p> 
    </div> 
    <% end %> 
</div> 

をレンダリングしている部分を持っていますステータスが正常に削除されたことをユーザーに通知する通知は、この部分をレンダリングすることによってそのメッセージを表示したい。 これをどうすれば実現できますか？

Answer 1

削除が成功したかどうかを回答で伝える方法が必要です。それがあれば、あなたの通知を示してください。

このため、@deleted変数を作成します。この変数はブール値になります。削除が成功するとtrueに設定され、それ以外の場合はfalseに設定されます。

<% if @deleted %> 
    $(".notice").html(<%= render 'notice_partial' %>) 
    <%= escape_javascript(alert("deleted successfully")) %> 
<% end %> 
$("#clear_status_<%= @status.id %>").fadeOut(); 

Answer 2

あなたはjQueryを使ってそれを行うことができます：あなたは、この種の何かを持っているだろう、

def destroy 
    @status = Status.find(params[:id]) 
    @deleted = false 
    if @status.destroy 
    @deleted = true 
    end 
    respond_to do |format| 
    format.html 
    format.json 
    format.js 
    end 
end 

とdestroy.js.erbファイル：後

は

コントローラのコードです。 'nav'の代わりに自分の要素を置く場合は、どこに通知したいのですか。

$('nav').after("<div class='alert alert-success'> Successfully Destroyed </div>"); 

$("#clear_status_<%= @status.id %>").fadeOut.fadeOut(250, function(){ 
    $(this).remove(); 
}); 

また、destroyメソッドを更新します。

def destroy 
    @status = Status.find_by(id: params[:id]) 
    if @status.present? 
    make_subject(@status, Constants::Subject::BREAK) 
    respond_to do |format| 
     #format.html { redirect_to root_path, notice: 'deleted' } # yr calling it async to destroy. format.html is needless. 
     format.json { head :no_content } 
     format.js 
    end 
    end 
end