綁定Ajax請求LINK_TO

Question

我想更新我的「點子」網頁喜歡的號碼，當有人用ajax

的按鈕顯示爲理念＃如下顯示視圖（路徑當前擊中像按鈕定向到喜歡＃創建沒有Ajax）

- unless signed_in? and current_user.likes? @idea 
    = link_to "Like this idea!", idea_likes_path(@idea), :class => "btn btn-large btn-block btn-success", method: :post, id: 'like_button' 
    - else 
    = link_to "Unlike this idea", idea_like_path(@idea, current_user.idea_like(@idea)), :class => "btn btn-large btn-block btn-inverse", method: :delete 

我的application.js具有如下：

jQuery.fn.ajaxFormSubmit = function() { 
    this.submit(function() { 
    $.post(this.action, $(this).serialize(), null, "script"); 
    return false; 
    }) 
    return this; 
}; 

$(document).ready(function() { 
    $("#like_button").ajaxFormSubmit(); 
}) 

的LikesController＃創建方法：

def create 
    like = Like.new 
    @idea.likes << like 
    current_user.likes << like 

    respond_to do |format| 
     format.html { redirect_to @idea } 
     format.js 
    end 
    end 

終於create.js.erb：

$("#like_count").html("<%= pluralize(@ideas.likes.count, 'Like') %>"); 

與上面的代碼，該按鈕依然刷新整個頁面。我如何讓AJAX工作？

Answer 1

您可以通過使用link_to助手的remote選項來提交AJAX請求，而無需編寫任何Javascript。

= link_to "Like this idea!", idea_likes_path(@idea), :class => "btn btn-large btn-block btn-success", method: :post, remote: true 

這將發送一個AJAX請求LikesController#create動作與JS格式。

參見：http://api.rubyonrails.org/classes/ActionView/Helpers/UrlHelper.html#method-i-link_to

Answer 2

有UJS一試。

= link_to "Like this idea!", idea_likes_path(@idea), :class => "btn btn-large btn-block btn-success", method: :post, id: 'like_button', remote: true 

這裏remote:true有竅門。

然後在你的控制器中。

def create 
@idea = Idea.where(id: params[:idea_id]).first 
current_user.likes.create({idea_id: @idea.id}) 

    respond_to do |format| 
     format.html { redirect_to @idea } 
     format.js 
    end 
    end