Ajax 重定向，http.StatusOK 由 ajax 错误处理且未重定向

本篇文章给大家分享《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 错误处理且未重定向》的详细内容，更多关于的资料请关注golang学习网公众号！