热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

使用ajax发送请求,返回302状态码,页面没有重定向

转自:http:www.cnblogs.comdudupajax_302_found.html在ajax请求中,如果服务器端的响应是302Found,在ajax的回调

转自:http://www.cnblogs.com/dudu/p/ajax_302_found.html

在ajax请求中,如果服务器端的响应是302 Found,在ajax的回调函数中能够获取这个状态码吗?能够从Response Headers中得到Location的值进行重定向吗?让我们来一起看看实际情况。

使用jquery的$.ajax()发起ajax请求的Javascript代码如下:

$.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。

为什么呢?

在***上找到了答案:

You can\'t 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回调处理。大致流程如下:

ajax -> browser -> server -> 302 -> browser(redirect) -> server -> browser -> ajax callback

而在我们的测试程序中,由于302返回的重定向URL在服务器上没有相应的处理程序,所以在ajax回调函数中得到的是404状态码;如果存在对应的URL,得到的状态码就是200。

所以,如果你想在ajax请求中根据302响应通过location.href进行重定向是不可行的。

如何解决?

【方法一】

继续用ajax,修改服务器端代码,将原来的302响应改为json响应,比如下面的ASP.NET MVC示例代码:

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。 


以前没研究透这个问题,踩了几次坑。这次研究了一下,并写出博客,我想以后就会远离这个坑了。

 


推荐阅读
author-avatar
上床后悔_155
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有