使用respond_to do | format | format.js顯示一個模式內的消息後照片是在模態內收藏？

Question

該網站的用戶有張圖片，顯示打開一個模式，他們點擊：

照片/ show.html.erb

<%= link_to favorite_photo_path("#{photo.id}"), method: :put do %> 
    <span class="glyphicon glyphicon-heart"></span> 
<% end %> 

的最終目標是讓用戶在模式內，在模式內顯示一條消息，「你已經成功收藏了這張照片」......我在控制器中間測試了這一點，我打電話給respond_to do...但是，當點擊圖形時，模型會更新，但瀏覽器結束up stuck on www.examples.com/photos/1/favorite

條路線

resources :photos do 
    match :favorite, on: :member, via: [:put, :delete] 
end 

PhotosController

def favorite 
    @photo = Photo.find params[:id] 
    if request.put? 
    response = current_user.favorite_photos.new(photo: @photo) 
    if !response.valid? 
     redirect_to :back, notice: response.errors.full_messages 
    else 
     response.save 
     respond_to do |format| 
      format.js 
     end 
    end 
    else request.delete? 
     current_user.favorites.delete(@photo) 
     redirect_to :back, notice: 'You successfully unfavorited this photo' 
    end 
    end 

照片/ favorite.js.erb

$('.modal-dialog.photo>.message').html('You have successfully favorited this photo'); 

當HTML：使用{redirect_to的背面}，它關閉模態。

Answer 1

要利用JavaScript響應，您需要將remote: true選項添加到您的鏈接。

http://guides.rubyonrails.org/working_with_javascript_in_rails.html

如果你想通過AJAX來處理這個問題，不要使用重定向回。

同樣使用flash.now作爲AJAX。

而不是在你的JavaScript文件中處理這兩種情況。

# app/views/photos/favorite.js.erb  
<% if flash.now[:notice] %> 
    $('.modal-dialog.photo>.message').html("<%= j flash.now[:notice] %>") 
<% else %> 
    $('.modal-dialog.photo>.message').html("<%= j flash.now[:alert] %>") 
<% end %> 

# app/views/photo/unfavorite.js.erb 
<% if flash.now[:notice] %> 
    $('.modal-dialog.photo>.message').html("<%= j flash.now[:notice] %>") 
<% end %> 

它種去那notice就像是成功和alert是錯誤。

，改變你的控制器這樣的：

def favorite 
    @photo = Photo.find params[:id] 
    favorite_photo = current_user.favorites.build(photo: @photo) 

    if favorite_photo.save 
    flash.now[:notice] = 'You successfully favorited this photo' 
    else 
    flash.now[:alert] = favorite_photo.errors.full_messages 
    end 
    respond_to :js 
end 

def unfavorite 
    @photo = Photo.find params[:id] 
    current_user.favorites.delete(@photo) 
    flash.now[:notice] = 'You successfully unfavorited this photo' 
    respond_to :js 
end 

和你的路線，以匹配該配置。

我想POST收藏夾和DELETE由於每個數據庫的影響而不公平。

目前您只能通過notice和alert至render或redirect_to。但是你可以定義你自己的閃存類型。但不要只使用這兩個來約束自己。

if success 
    flash[:success] = "Something good" 
else 
    flash[:error] = "Something bad" 
end