轨道respond_to重定向不起作用



我的 Rails 应用程序中创建控制器中的respond_to块在成功保存时没有重定向...我确信这是一个简单的解决方案,但我对 Rails 缺乏经验,这是我第一次遇到这个问题。

表单设置为:remote => true,控制器如下所示...

def create
    @store = current_user.stores.new(store_params)
    respond_to do |format|
        if @store.save
            format.html { redirect_to root_path }
        else
            format.html { flash[:alert] = "Save failed! #{@store.errors.full_messages.join(";")}" 
            render "new" }
            format.js {}
        end
    end
end

当我讨论这个主题时,条件的 else 部分的代码也没有运行,除了 format.js {} ,它确实在我的 create.js.erb 文件中运行代码(暂时是一个警报)。

我正在使用 Rails 4.2.5。 有人可以帮助我了解为什么重定向和警报不起作用吗? 谢谢!

编辑以显示解决方案根据 Rich 的回答,以下是我想出的解决方案:

控制器:

def create
    @store = current_user.stores.new(store_params)
    flash.now[:alert] = "Save failed! #{@store.errors.full_messages.join(";")}" unless @store.save
    respond_to do |format|
        format.js
    end
    if @store.save
        flash[:notice] = "New store created"
    end
end

创建.js.erb

<% if flash.now[:alert] %>
    $("#alert_holder").empty();
    $("#alert_holder").append("<%= j flash.now[:alert] %>");
<% else %>
    window.location.href = "<%= root_url %>";
<% end %>

请注意,我需要在重定向网址周围添加引号。

表单成功后,页面将重定向到根目录。 失败时,错误消息会闪烁,但表单不会刷新 - 用户输入的任何答案都会保留。

remote: true是一个 ajax 请求。

Ajax 是 javascript,因此会调用 format.js 方法:

def create
    @store = current_user.stores.new store_params
    respond_to do |format|
        if @store.save
            format.js
            format.html { redirect_to root_path }
        else
            format.js
            format.html { flash[:alert] = "Save failed! #{@store.errors.full_messages.join(";")}" 
            render "new" }
        end
    end
end

format.js 方法将调用 /app/views/[:controller]/[:action].js.erb 文件,该文件将触发您在其中的任何 JS。

如果您不想让js格式处理响应,则必须取消respond_to,只保留您想要返回的内容(redirect_to不起作用)。


阿贾克斯

您需要

了解以下几项规定:

  • Ajax不能"重定向"(靠它自己)
  • Ajax 将被视为 Rails 控制器中的JS
  • 您必须"破解"闪存才能使其通过JS

如果你没有使用Ajax的经验,简单的解释是它是一个"伪请求";它发送HTTP请求而不必重新加载浏览器。

Ajax 的模式很简单:Ajax request > server > Ajax response

你不能通过Ajax"重定向",除非你用javascript解析响应。正如Ajax首字母缩略词(异步Javascript和XML)所建议的那样,响应应该是XML(IE没有功能)。

--

要回答您的问题,您需要对"flash"消息使用 flash.now,并使用.js.erb文件处理响应:

def create
    @store = current_user.stores.new store_params
    flash.now[:alert] = "Save failed! #{@store.errors.full_messages.join(";")}" unless @store.save
    respond_to do |format|
        format.js
        format.html
    end
end

这将允许您调用...

#app/views/stores/create.js.erb
<% if flash.now[:alert] %> alert("<%=j flash.now[:alert] %>"); <% end %>
window.location.href = <%= root_url %>;

裁判


您的新代码可以稍微改进一下:

def create
    @store = current_user.stores.new store_params
    if @store.save
        flash[:notice] = "New store created"
    else
        flash.now[:alert] = "Save failed! #{@store.errors.full_messages.join(";")}"
    end
    respond_to do |format|
        format.js
    end
end

如果你想进一步DRY你的代码,你需要看看responders的宝石:

#app/controllers/stores_controller.rb
class StoresController < ApplicationController
   respond_to :js, only: :create
   def create
      @store = ...
      respond_with @store if @store.save
   end
end

如果表单中有remote: true,则控制器检测到的格式将为 format.js,这在成功的@store.save部分中不存在。

2 个选项:

  • 默认为普通表单提交(通过删除remote: true
  • 通过添加format.js加载另一个 js.erb 文件,就像在 else 子句中一样,然后通过一些 javascript 在那里进行错误处理。

最新更新