Ruby on Rails的，如何在像使用Ajax更新DIV /不像

所以我遇到的问题是让我喜欢/不象按钮与阿贾克斯在我的Ruby on Rails应用程序刷新，这里是我的代码：Ruby on Rails的，如何在像使用Ajax更新DIV /不像

应用/视图/ _comment.html.haml

- likes = comment.likes 
%div.comment{id: "comment-#{comment.id}"} 
    .comment-avatar 
    .medium-user-avatar.avatar-canvas 
     - if comment.user.avatar_url 
     = image_tag comment.user.avatar_url(:medium) 
     - else 
     %span.medium-user-initials.initials-decoration 
      = comment.user.avatar_initials 
    %span.comment-username= link_to(comment.user_name, "#") 
    %span.comment-body~ markdown(comment.body) 
    .comment-time 
    = time_ago_in_words(comment.created_at) + " ago" 
    - if can? :like, comment 
     = " · " 
     - if likes.find_by_user_id(current_user.id).nil? 
     = link_to "Like", like_comment_path(comment), method: :post, remote: true 
     - else 
     = link_to "Unlike", unlike_comment_path(comment), method: :post, remote: true 
    - if comment.user == current_user 
     = " · " 
     = link_to "Delete", comment_path(comment), method: :delete, remote: true, 
     :data => { :confirm => "Are you sure you want to delete this comment?" } 
    - if likes.count > 0 
    .comment-likes 
     - likers = likes.map { |like| link_to(like.user_name, "#") } 
     - if likers.length > 1 
     - likers = likers.slice(0, likers.length - 1).join(", ").concat(" and " +  likers.slice(-1)) 
     - else 
     - likers = likers[0] 
     = "Liked by #{likers}".html_safe

应用程序/控制器/ comments_controller.rb

class CommentsController < BaseController 
    load_and_authorize_resource 

    def destroy 
    destroy!{ discussion_url(resource.discussion) } 
    end 

    def like 
    comment_vote = resource.like current_user 
    Event.comment_liked!(comment_vote) 
    #redirect_to discussion_url(resource.discussion) 
    render :partial => "like" 
    comment_likes 
    end 

    def unlike 
    resource.unlike current_user 
    #redirect_to discussion_url(resource.discussion) 
    render :partial => "unlike" 
    comment_likes 
    end 

    def comment_likes 
    render :partial => "comment_likes" 
    end 
end

，然后像.js.erb文件，不像和comment_likes：

应用程序/视图/ _like.js.erb

$(".comment-time a#like").html("<%= escape_javascript(render('.comment-time a#like'")

app/vi EWS/_unlike.js.erb

$(".comment-time a#unlike").html("<%= escape_javascript(render('.comment-time a#unlike'")

应用程序/视图/ _comment_likes.js.erb

$(".comment-likes a##").html("<%= escape_javascript(render('.comment-likes a##'")

目前点击喜欢将更新数据库，但在页面刷新之前不会显示更改，我只想用ajax刷新个别div。有关div的更多信息可能会有所帮助，所以ruby创建html并包含在该示例中，或者当已经喜欢时，我只需刷新这些div以显示来自数据库的最新内容以及包含http：// localhost ：3000 /评论/ 7 /不像500（内部服务器错误）“

脚本的其余部分已完成coffeescript如果重要？我读的控制器功能应该使用.js.erb所以希望这不是' （我确定我的js.erb是错误的）

来源

2012-09-25 Jesse Whitham

问题是你的控制器不知道如何响应ajax请求。默认情况下渲染方法将渲染html.erb或在你的情况下html.haml模板。

除非你做这样的事情：

respond_to do |format| 
    format.js { comment_likes } 
end

现在，如果一个Ajax请求进来的_comments_likes.js.erb模板将被渲染。

如果您有更多的这些ajaxy类型问题there are efforts being put into rewriting the ajax guides for rails.

And by the by, please consider cleaning up your view.

来源

2012-09-25 15:43:09 wpp

感谢您会喜欢一些更好的导游在各处搜索网页！ –

我不确定这是否是主要问题，但有一点需要解决的问题是您的.js.erb文件中的渲染语句

The Rails rende r方法需要将erb模板或动作渲染为其参数。当您拨打：

render('.comment-time a#unlike')

Rails会尝试寻找一个模板的名称应该与您收看路径“的.comment时间不像＃”，这可能会引发某种错误。确保你注意你的应用程序（在客户端）发生的事情（在服务器端）发生了什么变化。

所以解决这个问题的方法如下。首先检查你想更新视图的哪一部分，为了简单起见，因为你已经有_comment部分让我们使用它。第二个数字，它应该取代在哪个部分，在你的情况下div与当前评论的ID。然后，我们可以做到以下几点：

$("#comment-<%= @comment.id %>").replace_html(
    "<%= escape_javascript render('comments/comment', :comment => @comment) %>" 
);

，这会使得_comment.html.erb部分在app/views/comments，插入结果（逃）到中的JavaScript功能（解散）like.js.erb并发送回浏览器执行。然后浏览器将在注释的div上replace_html（用ID表示）。

因为我们正在替换整个注释div，所以您可以对喜欢和不喜欢使用相同的方法。如果你需要节省带宽，你可以微调它只重新渲染像按钮本身，但现在这将工作。

来源

2012-09-25 15:29:47

谢谢，这有助于这个问题的一部分。 –

Ruby on Rails的，如何在像使用Ajax更新DIV /不像

回答

相关问题