zoukankan      html  css  js  c++  java
  • 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");
        }
    

    401
    这种情况的话,前端无法得到HTTP响应码,这只能在后端去处理,在前后分离的状态里,尽量不要在后端直接重定向,而是输出对应的响应结果,由前端完成重定向工作。

  • 相关阅读:
    zeromq和czmq编译
    Future Pattern
    国外程序员是如何准备面试的
    附加数据库后,给所有者赋权
    利用FastCopy迁移应用数据
    持续集成之“Everything is code”
    利用SQLyog实现mysql自动备份
    LinkedIn已将可自定义的索引引擎IndexTank开源
    Hillstone安全网关相关问题收集
    Install Toad for Oracle 10.6 on Winows 7 X64
  • 原文地址:https://www.cnblogs.com/lori/p/14115367.html
Copyright © 2011-2022 走看看