ページリロードのないアラートRails AJAX

Question

私はモデルSnippitを持っています。リストからスニッピットを削除してから、削除されたというアラートをすべて表示するようにしてください。私は実際の削除を行う方法を考え出しましたが、アラートは作成しませんでした。ここで

はコードです：

snippits_controller.rb

def destroy 
    @snippit = Snippit.find(params[:id]) 
    @snippit.destroy 
    respond_to do |format| 
     format.html { redirect_to snippits_url} 
     format.json { head :no_content } 
     format.js {render :alert => "Sippit destroyed. "} 
    end 
    end 

destroy.js.erb

$('#snippit_<%= @snippit.id %>').remove(); 

index.html.erb

<% @snippits.each do |snippit| %> 
     <span class="panel panel-default" id="snippit_<%= snippit.id %>"> 
     <%= link_to edit_snippit_path(snippit), :class => "text" do %> 
     <div class="panel-body"> 
     <h3 class="text"><%=snippit.title%></h3> 
      <p class="trash"><%= link_to snippit, method: :delete, remote: true do %> 
      <i class="fa fa-2x fa-trash-o"></i> 
      <% end %></p> 
      </div> 
      <% end %> 
      </span> 
    <% end %> 

任意およびすべてのヘルプは大歓迎です:)

Answer 1

をあなたはJSアラート応答をしたい場合は、次の代わりに

format.js {render js: "alert('Sippit destroyed.');"} 

format.js手段の上にレンダリングするような何かをしたいと思いますあなたはJSレスポンスをレンダリングしています。あなたのアラートrender :alert => "Sippit destroyed. "は、flash[:alert]がHTMLページでレンダリングされるが、JSレスポンスをレンダリングしているので、上記のJSアラートの実装を行うか、HTMLページを部分的に更新してフラッシュメッセージを更新する

def destroy 
    @snippit = Snippit.find(params[:id]) 
    @snippit.destroy 
    respond_to do |format| 
    format.html { redirect_to snippits_url} 
    format.json { head :no_content } 
    format.js { flash.now[:alert] = @snippit.destroyed? ? 'Sippit destroyed.' : @snippit.errors.full_messages } 
    end 
end 

：以下

destroy.js.erb

$('#snippit_<%= @snippit.id %>').remove(); 
$('#flash_container').html('<%= j render partial: "flash_container" %>'); 

UPDATE（上記destroy.js.erbを用いた方法2のために追加の作業コントローラコード）のようなものによって

format.jsの上に障害ハンドラコードを追加しました。 @snippitが正常に破壊された場合、または「@snippit」が破壊されていない場合は、「何らかのエラーの破壊に失敗しました」のいずれかにフラッシュ警告メッセージを設定します。