我正在编写Rails 4.0.2应用程序,并试图在AJAX事件发生后在我的视图中显示Flash通知。
在我看来,我会显示一个日历,其中包含用户可以点击的天数。当他们这样做时,我会通过onclick事件处理程序触发AJAX事件,该事件处理程序会更新我的模型(添加或删除记录)。触发事件后,我将完成页面刷新以显示更新的结果。
我发现我必须在JS click事件期间进行页面刷新,以使视图正确更新。仅在控制器中进行重定向或渲染是不够的。
因此,为此,我在控制器中设置了Flash通知...
def set_conflicts
@conflict = @member.conflicts.for_date(params[:date]).first
if @conflict
@conflict.destroy
else
conflict_date = Date.parse(params[:date])
unless Conflict.create(
month: conflict_date.month,
day: conflict_date.day,
year: conflict_date.year,
member: @member
)
flash[:alert] = 'Oops, there was a problem updating conflicts'
end
end
flash[:notice] = 'This is a test!'
redirect_to manage_member_conflicts_path(@member)
end
...并且在我的application.haml中包含以下闪光灯显示逻辑...
...
%body
= p flash.inspect
- flash.each do |type, message|
= content_tag(:div, message, :class => "flash-#{type}")
= render 'devise/menu/login_items'
= yield
注意:我在视图中使用HAML而不是ERB
但是,无论我如何尝试,都不会显示Flash消息。除了Flash消息之外,其他一切都可以正常进行,我还无法弄清楚原因。
我怀疑这与AJAX刷新(与重定向(甚至可能是Turbolinks)结合在一起)有关,但我在SO上浏览了其他答案,根本无法使其正常工作。显然,我缺少了一些东西。
这是JS点击处理程序(非常简单):
window.calendarClick = (eventDate, linkURL) ->
event = $(document.getElementById(eventDate))
event.toggleClass('selected')
# Set or Remove conflicts
$.ajax
url: linkURL
data:
date: eventDate
# Refresh the page
$.ajax
url: '',
context: document.body,
success: (s,x) ->
$(this).html(s)
首先,感谢您的全面提问
这是一个同样全面的答案:如何处理Ajax请求的Rail的flash?
阿贾克斯
我会认真考虑您的Ajax
刷新过程。刷新整个页面效率极低,我认为涵盖了更深层次的问题
为什么不尝试使用该.js.erb
文件views
夹中的文件来通过该方法直接处理JS:
def set_conflicts
@conflict = @member.conflicts.for_date(params[:date]).first
if @conflict
@conflict.destroy
else
conflict_date = Date.parse(params[:date])
unless Conflict.create(
month: conflict_date.month,
day: conflict_date.day,
year: conflict_date.year,
member: @member
)
flash[:alert] = 'Oops, there was a problem updating conflicts'
end
end
flash[:notice] = 'This is a test!'
respond_to do |format|
format.html { redirect_to manage_member_conflicts_path(@member) }
format.js
end
end
#app/views/controller/set_conflicts.js.erb
$("#your_element").html(<%=j render manage_member_conflicts_path(@member) ) %>);
响应
尽管我不确定这一点,但我知道Flash对象是由ActionDispatch :: Flash中间件处理的。我认为XHR不会像处理标准HTTP请求那样处理XHR,因此会阻止在响应中显示Flash
这意味着您必须做一些事情才能通过您的Ajax请求传递Flash对象。根据我在此答案顶部发布的问题,您可以使用response headers
来执行此操作:
class ApplicationController < ActionController::Base
after_filter :flash_to_headers
def flash_to_headers
return unless request.xhr?
response.headers['X-Message'] = flash[:error] unless flash[:error].blank?
# repeat for other flash types...
flash.discard # don't want the flash to appear when you reload page
end
$(document).ajaxError(function(event, request) {
var msg = request.getResponseHeader('X-Message');
if (msg) alert(msg);
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句