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



在rails中使用jquery ajax时,我想在ajax请求后重定向到/users/:id(即users#show),但我失败了。相关代码如下:

app/views/用户/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();
});

app/controllers/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页面,这是路由到users#show,就像我在users_controller.rb:

中所写的那样
        respond_to do |format|
          format.html { redirect_to @user }
          format.js
        end

但是在ajax请求之后,页面不做任何事情,只是保持请求之前的样子。

有谁能告诉我为什么吗?我的代码有问题吗?

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

提前感谢!

我知道,这与web浏览器如何处理响应有关。由于请求是使用Ajax发出的,因此它不会遵循与由超链接发起的过程相同的过程。

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

window.location.href = "redirect location"

看一下控制台中这一行:

userscontroller# create_skills作为JS的处理

这意味着请求是用你的respond_to块中的format.js块处理的,你没有重定向。事实上,即使你把它放在那里,重定向也不会起作用。

参见以下关于如何在ajax调用中重定向的答案:Rails 3:如何"重定向"在Ajax调用?(与veritas1的回答类似)

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

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

最新更新