在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) %>"