Rails：使用JQuery而不是link_to进行发布请求

Question

Right now, there is a "votes" model in my Rails app. Each post on a page has an upvote button, which is currently written as:

<%= link_to "✓", votes_path(:vote => {:post_id => post.id, :up => false}), :method => :post %>

Where post_id is the post that the vote is linked to and up is a boolean saying that the vote is true. I'm trying to use JQuery instead of link_to so that the page doesn't reload every time someone votes. However, I don't understand what the AJAX post request looks like to interface with the database model.

Edit: Votes controller:

def create
    respond_to do |format|
        format.html
        format.js { flash[:notice] = "Vote created"} # and render your <action>.js file}
    end
    @vote = Vote.where(:post_id => params[:vote][:post_id], :user_id => current_user.id).first
    if @vote
        @vote.up = params[:vote][:up]
        @vote.save
    else
        @vote = current_user.votes.create(vote_params)
    end 
    redirect_to :back
end

Answer 1

Use remote: true option for ajax call.

<%= link_to "✓", votes_path(:vote => {:post_id => post.id, :up => false}, :format => :js), :method => :post, remote: true %>

It will generate an ajax call to your controller. You can then manipulate your action correspondingly.

respond_to do |format|
 format.html
 format.js { flash[:notice] = "Vote created"} # and render your <action>.js file
end

Update

def create
    @vote = Vote.where(:post_id => params[:vote][:post_id], :user_id => current_user.id).first
    if @vote
        @vote.up = params[:vote][:up]
        @vote.save
    else
        @vote = current_user.votes.create(vote_params)
    end 
    respond_to do |format|
        format.html
        format.js { flash[:notice] = "Vote created"} # and render your <action>.js file}
    end
end

It should work, Let me know

And also check this..

Your app/assets/javascripts/application.js should contain.

//= require jquery 
//= require jquery_ujs

And your erb should contain

<%= javascript_include_tag "jquery", "jquery_ujs" %>

Answer 2

You can reuse link_to to post a remote request without loading like:

<%= link_to "✓", votes_path(:vote => {:post_id => post.id, :up => false}), :method => :post, remote: true %>. 

You shall have to write a <your_action_name>.js.erb for the purpose though.