2020-12-10

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响应码,这只能在后端去处理,在前后分离的状态里,尽量不要在后端直接重定向,而是输出对应的响应结果,由前端完成重定向工作。









原文转载:http://www.shaoqun.com/a/497485.html

tchibo:https://www.ikjzd.com/w/1928

启明星:https://www.ikjzd.com/w/1436

派代:https://www.ikjzd.com/w/2197


jquery发起ajax请求到后端接口,后端向前端返回数据,当然也存在后端接口直接重定向(302)到其它接口,然后再向前端返回数据,当然这种情况需要考虑跨域问题。前端代码//测试一下httpstatus$.ajax({type:"get",url:"/redirect",statusCode:{401:function(){console.log("
兰亭集势:兰亭集势
宝贝格子:宝贝格子
六一韶关乳源通天萝地下森林儿童票是多少呢?会不会涨价?:六一韶关乳源通天萝地下森林儿童票是多少呢?会不会涨价?
连南千年瑶寨开耕节举办时间?2020千年瑶寨开耕节到什么时:连南千年瑶寨开耕节举办时间?2020千年瑶寨开耕节到什么时
五月份去海南有什么好吃的水果?:五月份去海南有什么好吃的水果?

No comments:

Post a Comment