ajax 重定向 302
来源:互联网 发布:逆袭网络剧第2集 编辑:程序博客网 时间:2024/05/21 21:43
转载自:http://www.cnblogs.com/dudu/p/ajax_302_found.html
ajax与302响应
在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回调处理。大致流程如下:
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。
<form method="post" action="/oauth/respond"></form>
以前没研究透这个问题,踩了几次坑。这次研究了一下,并写出博客,我想以后就会远离这个坑了。
- ajax 重定向 302
- ajax重定向问题
- ajax请求重定向
- ajax 重定向
- ajax与重定向
- ajax请求重定向
- ajax、表单、重定向、textarea
- Springmvc返回值,ajax,重定向
- 解决ajax请求filter重定向失败
- ajax 发送请求无法重定向
- ajax 重定向跨域问题
- form和ajax的重定向
- ajax请求返回重定向信息
- 解决ajax请求filter重定向失败
- ajax 发送请求无法重定向问题
- 301,302重定向
- http 302重定向
- 302重定向
- 正则表达式的快速学习方法,javascript正则表达式,PHP正则表达式
- Oracle表分区
- Android JNI学习之javah命令的正确使用(找了好半天才找到的,汉,网上好多说法都没用)
- web.xml中classpath的含义
- Scrapy pipeline spider_opened and spider_closed not being called
- ajax 重定向 302
- oracle到mysql的迁移(一):表和数据的迁移
- Redis 五种数据类型的使用
- EL表达式
- PAT 1009. 说反话
- 孙鑫 MFC第9讲 toolbar 工具栏 添加按钮 不显示 T字形图标 vs2010
- 安装fedora后碰到的问题以及解决办法
- [noj1034] 一只青蛙一张嘴
- poj3274