ajax 重定向跨域问题

前端之家收集整理的这篇文章主要介绍了ajax 重定向跨域问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一个页面发ajax请求到后端接口,这个后端接口重定向了另外一个域名的地址;此时会出现跨域问题。

ajax调用浏览器组件发起的请求和浏览器直接发起的请求有一定区别。
  1)浏览器可以通过返回的http状态进行相应的操作,如访问一个页面,此页面重定向时,浏览器可以获取重定向后的url然后进行转向。
  2)对于ajax,ajax的目的就是无刷新的,所以对于服务器端进行了重定向时,ajax会获取重定向状态值3xx和重定向url,然后再获取重定向页面运行完后输出到客户端的HTML代码,并且返回200状态。

上面的场景:

如果是浏览器发送轻轻到后端接口,后端接口重定向的话是给浏览器一个302的标示,并且给一个url;浏览器拿到标示后会把地址栏的url换成后端返回的url,完成重定向动作。

如果是ajax的话,请求后端接口,后端返回302和一个url;那么ajax会根据htpp的code吗做出相对应的动作。接受到的是302那么ajax会再次发起一个请求,去请求服务端302返回的url;那么此时就跨域了。

解决方式是ajax在第一次得到相应处理后需要js做一次location.href跳转。目的是让浏览器去请求重定向的接口而不是ajax.

原文链接:https://www.f2er.com/ajax/161030.html

猜你在找的Ajax相关文章