在导轨中的ajax中调用更新方法后，在索引视图中更新div？

Question

I have a page with list of posts and I use ajax for pagination using will_paginate and I have a "Like" button near by each post. If the user clicks the "Like" button then I need to update the count of likes in my table and I want to change the "Like" button to "Dislike" .

Say, for example if I am in the second page of the post and I click on the "Like" button I would need to call my update method and how could I bring back to the same page and change the button using ajax.

I could possibly do if my update logic is in the same index method but how could I replace the content in the index.html.erb if my logic resides in the update method.

Please help me. Thanks.

Answer 1

Your question says:

Say, for example if I am in the second page of the post and I click on the "Like" button I would need to call my update method and how could I bring back to the same page and change the button using ajax.

Lets go through the steps one by one:

a. Create a route for your custom method where you'll update it and it has to be a post route since we want to send the post id which is to be updated

post '/update_post/:id' => "your_controller#update_post", as: :update_post

b. Create a link:

<%= link_to "Like", update_post_path(post.id),id: "post_#{post.id}",method: :post %>

c. Have a respond_to block in your method and update your post:

def update_post
  @post = Post.find(params[:id])
  # update your post here
  respond_to do |format|
    format.js{} #this will allow you to have update_post.js.erb in your view
  end
end

d. Update your link in update.js.erb:

$("#post_<%= @post.id %>").text("Dislike");

Now since we are updating your link and post by ajax you will remain at same page and you wont have to worry about pagination . For more information refer to Working with javascript in rails