为什么使用format.html {redirect_to @user}不会重定向到我想要的页面

时间:2014-03-23 07:34:53

标签: jquery ruby-on-rails ajax

在rails中使用jquery ajax时,我想在ajax请求之后使用redirect_to / users /:id(即用户#show),但是我失败了。以下是相关代码:

应用程序/视图/用户/ new_skills.html.erb

<%= form_for(@user, url: "create_skills", html: { id: "create_skills_form" }) do |f| %>
  .....
  <%= f.submit "Save", class: "btn btn-primary" %>
<% end %>

应用程序/资产/ JavaScript的/ users.js

jQuery.fn.submitWithAjax = function() {
  $(this).submit(function(event) {
    ......
    var url = $(this).attr("action");
    $.post(url, {skills: skill_array}, null, "script");
    return false;
  });
}

$(document).ready(function() {
  $("#create_skills_form").submitWithAjax();
});

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

  def create_skills
    @user = User.find(params[:id])
    ......

    flash[:notice] = "Thank you! You have successfully add new skills!"
    respond_to do |format|
      format.html { redirect_to @user }
      format.js
    end
  end

在users_controller返回后,服务器中的日志如下:

Started POST "/users/1/create_skills" for 127.0.0.1 at 2014-03-23 15:26:24 +0800
Processing by UsersController#create_skills as JS
  Parameters: {"skills"=>["skill_1__Primary"], "id"=>"1"}
  User Load (0.2ms)  SELECT "users".* FROM "users" WHERE "users"."id" = ? LIMIT 1  [["id", "1"]]
  Skill Load (0.2ms)  SELECT "skills".* FROM "skills" INNER JOIN "abilities" ON "skills"."id" = "abilities"."skill_id" WHERE "abilities"."user_id" = ?  [["user_id", 1]]
  Rendered users/create_skills.js.erb (0.0ms)
Completed 200 OK in 6ms (Views: 1.9ms | ActiveRecord: 0.4ms)

我想要的只是在ajax请求之后重定向到user /:id页面,这是用户#show的路由,就像我在users_controller.rb中写的一样:

        respond_to do |format|
          format.html { redirect_to @user }
          format.js
        end

但是在ajax请求之后,页面没有做任何事情,只是在请求之前保持原样。

有人可以告诉我为什么吗?我的代码有问题吗?

请帮助我,我只是RoR中的新手,可能会有一些愚蠢的错误。

提前致谢!

2 个答案:

答案 0 :(得分:1)

AFAIK,它与网络浏览器如何处理响应有关。由于请求是使用Ajax进行的,因此它不会遵循与超链接启动相同的过程。

解决方案,在您的Ajax中,处理成功的响应并添加:

window.location.href = "redirect location"

答案 1 :(得分:1)

在控制台中查看此行:

  

UsersController#create_skills作为JS处理

这意味着请求是在您没有重定向的respond_to块中使用format.js块处理的。实际上,即使你把它重新定位,重定向也行不通。

请参阅以下有关如何在ajax调用中重定向的答案: Rails 3: How to "redirect_to" in Ajax call? (它类似于veritas1回复的内容)

顺便说一句,您似乎还有一个create_skills.js.erb文件。您也可以将重定向放在那里:

window.location.href = "<%= user_path(@user) %>"