js~ajax获取后端HTTP状态的几种状况

jquery发起ajax请求到后端接口，后端向前端返回数据，固然也存在后端接口直接重定向（302）到其它接口，而后再向前端返回数据，固然这种状况须要考虑跨域问题。

前端代码

//测试一下http status
        $.ajax({
            type: "get",
            url: "/redirect",
            statusCode: {
                401: function () {
                    console.log("401");
                },
                404: function () {
                    console.log("404");
                },
                200: function () {
                    console.log("200");
                },
                302: function () {
                  // 获取不到当前页的状态，由于已经跳转，直接为目标页的状态
                  // 目标页返回是404，则前端接收就是404,固然若是目标页存在跨域的状况，那前端是没有状态返回的
                 console.log("302");
                }
            }
        });

后端请求

一 正常返回

若是只是后端接口直接返回数据，就使用后端接口状态，多是200，400，401，403，500等

二 重定向

1 若是是同源（域）状况，直接返回重定向接口的状态码，下面例子中重定向到/a404接口，这个接口返回状态码是404，前端获得的响应码就是404

@GetMapping("/redirect")
    public void rerei(HttpServletRequest request, HttpServletResponse response) {
       response.sendRedirect("http://localhost:9090/a404");
    }
    @GetMapping("/a404")
    public void a404(HttpServletResponse response){
        response.setStatus(404);
    }

2 若是是跨域状况，若是目标接口的服务端没有开启跨域策略，则不能返回状态

@GetMapping("/redirect")
    public void rerei(HttpServletRequest request, HttpServletResponse response) {
       response.sendRedirect("http://www.baidu.com");
    }

这种状况的话，前端没法获得HTTP响应码，这只能在后端去处理，在先后分离的状态里，尽可能不要在后端直接重定向，而是输出对应的响应结果，由前端完成重定向工做。