当前位置： > > > > Ajax 重定向，http.StatusOK 由 ajax 错误处理且未重定向
来源：stackoverflow
2024-04-30 12:30:35
0浏览
收藏
本篇文章给大家分享《Ajax 重定向，http.StatusOK 由 ajax 错误处理且未重定向》，覆盖了Golang的常见基础知识，其实一个语言的全部知识点一篇文章是不可能说完的，但希望通过这些问题，让读者对自己的掌握程度有一定的认识(B 数)，从而弥补自己的不足，更好的掌握它。
问题内容
我在 go 中有 func（我已经删除了所有错误处理以使其简短）
func postloginajax(w http.responsewriter, r *http.request) {
if r.method == "post" {
useremail := r.formvalue("email")
userpassword := r.formvalue("password")
db := r.context().value( "db").(*sqlx.db)
sessionstore := r.context().value( "sessionstore").(sessions.store)
u := models.newuser(db)
user, err := u.getuserbyemailandpassword(nil, useremail, userpassword)
session, _ := sessionstore.get(r, "superadmin-session")
session.values["user"] = user
err = session.save(r, w)
log.info("all success, redirecting to: ", "/")
w.header().set("location", "/")
w.writeheader(http.statusfound)
}
}
下面是正在使用的模板的片段
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#login-submit").on('click', function(){
$.ajaxsetup({async: true, cache: false});
$.ajax({
url: '/login', // url where to submit the request
type : "post", // type of action post || get
data : $("#form-login").serialize(), // post data || get data
success: function (response, status, xhr) {
console.log("success");
console.log(status);
console.log(xhr);
console.log(response);
},
error: function (errmsg) {
console.log("error");
console.log(errmsg);
$("#formerrormessage").html(errmsg);
},
complete: function(resp) {
console.log("complete");
console.log(resp);
}
})
});
});
</script>
如果我只是上面显示的代码，当我单击“登录”按钮并检查控制台日志时，我会看到如下所示的内容
我不明白的是为什么页面没有重定向，因为在开发工具的“网络”选项卡中我看到状态为 302，而在控制台日志中我看到状态为 200。为什么会出现这种差异。当我只是刷新页面时，它工作得很好，并带我到登录页面，从那里我必须注销才能再次测试。
我怎样才能真正完成这项工作，比如使用ajax提交表单，然后在验证电子邮件和密码时重定向。
如果我从函数中删除以下行，响应将由 ajax 的错误部分处理，并且会发生同样的事情，我在控制台日志中的响应文本中获得完整的 html，并且 #formerrormessage 实际上显示 html（已解析） ）包含所有图像和文本。当我只是刷新页面时，它会转到登录页面，然后我必须从那里注销。
w.Header().Set("Location", "/")
我想知道这是正常行为还是我遗漏了一些东西。我最初使用普通的 http.redirect 来实现这个，没有 ajax，它工作得很好，现在我试图使用 ajax 让它工作，但它不起作用。
解决方案
当您在服务器上设置 location 标头时，它仅针对这一 ajax 请求进行设置。它被正确地重定向到 /，这就是为什么您可以在浏览器控制台中看到该 html。
由于此请求与您的“正常”网络浏览器流量分开，因此您必须自己处理 javascript 代码中的重定向，例如将其放入成功函数中：
document.location = document.location.protocol + "//" + document.location.host
您还可以实现一个用于登录的 api 端点，该端点返回登录是否成功，然后在 ajax 请求中调用此端点。成功后，您的客户端代码必须处理重定向。
以上就是《Ajax 重定向，http.StatusOK 由 ajax 错误处理且未重定向》的详细内容，更多关于的资料请关注公众号！
