web前端|js教程
ajax,ajax响应,jquery
web前端-js教程
在ajax请求中，如果服务器端的响应是302 Found，在ajax的回调函数中能够获取这个状态码吗？能够从Response Headers中得到Location的值进行重定向吗？让我们来一起看看实际情况。
使用jquery的$.ajax()发起ajax请求的javascript代码如下：
魔力宝贝私服登录器源码,vscode收费插件,研华工控机ubuntu安装,opencv+tomcat,sqlite 分布式,jq音频播放器插件,选择地址移动前端开发框架,爬虫可以爬到什么数据,php的range,seo自然搜索,设计asp网站,网页标签素材,手机小视频模板lzw
$.ajax({
url: /oauth/respond,
type: post,
data: data,
complete: function(jqXHR){
console.log(jqXHR.status);
},
error: function (xhr) {
console.log(xhr.status);
}
});
当服务器端返回302 Found的响应时，浏览器中的运行结果如下：
在ajax的complete()与error()回调函数中得到的状态码都是404，而不是302。
这是为什么呢？
在stackoverflow上找到了
You can handle redirects with XHR callbacks because the browser takes care of them automatically. You will only get back what at the redirected location.
原来，当服务器将302响应发给浏览器时，浏览器并不是直接进行ajax回调处理，而是先执行302重定向——从Response Headers中读取Location信息，然后向Location中的Url发出请求，在收到这个请求的响应后才会进行ajax回调处理。大致流程如下：
jax -> browser -> server -> 302 -> browser(redirect) -> server -> browser -> ajax callback
而在我们的测试程序中，由于302返回的重定向URL在服务器上没有相应的处理程序，所以在ajax回调函数中得到的是404状态码；如果存在对应的URL，得到的状态码就是200。
所以，如果你想在ajax请求中根据302响应通过location.href进行重定向是不可行的。
如何解决？ 方法一
return Json(new { status = 302, location = "/oauth/respond" });
ajax代码稍作修改即可：
$.ajax({
url: /oauth/respond,
type: post,
data: data,
dataType: json,
success: function (data) {
if (data.status == 302) {
location.href = data.location;
}
}
});
方法二不用ajax，改用form。
易语言游戏菜单源码,Ubuntu软路由 佐,运行Tomcat是空白的,爬虫小说app,世界城市缩写PHP,连江一般seo销售价格lzw
前瞻娱乐源码,ubuntu什么是终端,tomcat 启动45s,社团数据爬虫,php程序输出html,seo关键词四种方法lzw
以前没研究透这个问题，踩了几次坑。这次研究了一下，我想以后就会远离这个坑了。
如果觉得《ajax与302响应代码测试_JavaScript》对你有帮助，请点赞、收藏，并留下你的观点哦！
