使用ajax和jquery noty插件的Rails flash消息

时间:2013-08-26 12:18:09

标签: javascript jquery ruby-on-rails

我用ajax为个人资料发表评论。当有人添加评论页面没有重新加载,所以我有flash消息的问题。

我的comments_controller看起来像这样:

@comment = @profile.comments.includes(:user).new(params[:comment])
if @comment.save
  flash[:add_comment_success] = "Comment added"
  respond_to do |format|

    format.html {redirect_to :back}
    format.js
  end

else

我使用flash消息创建注释的create.js.erb如下所示:

var flashError = "<%=flash[:add_comment_success]%>";
if (flashError){
  $("#flash_messages").html("<div class='messages_notify'><div id='message-add_comment_success'><p class='message_content'>" +flashError +  "</p></div></div>");
}

我的app.js看起来像这样:

$(document).on("ready page:change", function() {
  noty_load();
});

function noty_load(){

$( ".messages_notify #message-add_comment_success" ).each( function(){
    generate('success', 'comment added');
});

}

我认为ajax加载存在问题。我必须以某种方式检查app.js是否加载了ajax然后运行noty_load()。当我检查萤火虫时,我看到闪光通知,但是如果没有页面重新加载就不会看到它。如何在发出ajax请求时运行noty_load?

1 个答案:

答案 0 :(得分:0)

在create.js.erb末尾调用noty_load()。如果您想使用DRyer方法,可以使用所有js响应的布局,如下所示:

application.js.erb:

<%= yield %>;
<% if flash.present? %>
  <% flash_message = flash.first %>
  $("#flash_messages").html("<div class='messages_notify'><div id='message-<%= j(flash_message.first) %>'><p class='message_content'><%= j(flash_message.last) %></p></div></div>");
  noty_load();
<% end %>