Ajax删除评论未重新加载部分+ Rails 3.2

Question

我有ajax注释提交和删除，提交完美，但是删除不起作用。

以下是我的代码：-

控制者

def destroy
  @status_update = StatusUpdate.find(params[:id])
    if @user == current_user
      if @status_update.destroy
        respond_with do |format|
          format.html do
            if request.xhr?
              render :partial => "users/post_status_update", :locals => {:user => @user}, :layout => false, :status => :created
            else
              redirect_to @user
            end
          end
        end
      end
    end
  end

Java脚本

$(document).ready(function(){

  $('.delete-status-update')
    .on("ajax:beforeSend", function(evt, xhr, settings){
    })

    .on("ajax:success", function(evt, data, status, xhr){
      $('.status-partial').replaceWith(xhr.responseText);

    })

});

视图

.status-partial
  -@user.status_updates.latest.limit(5).each do |status_update|
    .row-fluid.cycle-status-update{:class => cycle("dark", "light")}
      .row-fluid
        .span11
          = status_update.status
        .span1
          .delete-status-update-link
            %strong= link_to "X", [@user,status_update], :remote => true, :method => :delete, :class => "delete-status-update"
      .row-fluid
        .time-ago-in-words
          ="#{time_ago_in_words(status_update.created_at)} ago"

问题是，一旦我单击删除链接，状态部分就不会被替换，刷新页面ajax删除后首次起作用，然后再次停止工作。

Answer 1

您不必要地使一切复杂化。 您的破坏控制器可能很简单，如下所示：

def destroy
  @status_update = StatusUpdate.find(params[:id])
  if @user == current_user
    unless @status_update.destroy
      redirect_to @user
    end
  end
end

在您的视图中，而不是通过$ .ajax调用，请尝试使用rails link_to "action", action_path, remote: true

将您的html视图文件命名为destroy.js.erb。

这些可以是其内容：

$('.status-partial').html(<%= @user.generate_new_content.to_s %>);

Rails将负责其余的工作。 当您单击链接时，具有“状态部分”类的元素将其html内容替换为“某些新内容”。

分隔HTML和AJAX响应是一个好习惯，Rails提供了一种方便的方法。 用它。

Answer 2

我想你做会更好

respond_with do |format|
format.js

然后有一个名为destroy.js.erb的文件来放置删除后应触发的javascript

Answer 3

问题.on在javascript文件中使用的.on语法，它不能像.live那样工作。 将语法更改为

$(document).ready(function(){

  $(document).on("ajax:success", "#create_status_update_form", function(evt, data, status, xhr){
      $('.status-partial').replaceWith(xhr.responseText);
      $('.comment-text').val('');
    })

});

解决了问题。