ajax与302响应代码测试

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了ajax与302响应代码测试，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1881字，纯文字阅读大概需要3分钟。

内容图文

在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。

这是为什么呢？

在stackoverflow上找到了
代码如下:
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回调处理。大致流程如下：
jax -> 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。
代码如下:
<form method="post" action="/oauth/respond">
</form>

以前没研究透这个问题，踩了几次坑。这次研究了一下，我想以后就会远离这个坑了。

内容总结

以上是互联网集市为您收集整理的ajax与302响应代码测试全部内容，希望文章能够帮你解决ajax与302响应代码测试所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---