ajax如何截取302响应
来源:互联网 发布:电话号码模拟软件 编辑:程序博客网 时间:2024/05/30 07:12
在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上找到了答案:
原来,当服务器将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>
0 0
- ajax如何截取302响应
- ajax与302响应
- ajax与302响应
- 解析Ajax如何处理响应信息
- 解析Ajax如何处理响应信息
- 浅谈如何提高AJAX客户端响应速度
- 如何提高AJAX客户端响应速度
- 关于SpringMVC 中服务器端如何响应 AJAX 请求(即controller是如何返回json的)
- AJAX - 服务器响应
- ajax服务器响应
- action 响应 ajax
- AJAX - 服务器响应
- AJAX学习-----服务器响应
- AJAX--服务器响应
- AJAX请求和响应
- ajax - 服务器响应
- 处理ajax的响应
- Ajax获取响应XML
- elasticsearch5 插件ik安装
- sql查询 group by 数字类型+null 为null 处理 ,sum()的结果作为条件再次查询。
- Thymeleaf 之 内置对象、定义变量、URL参数及标签自定义属性
- 多条数据填充List
- GIS空间索引
- ajax如何截取302响应
- About Sublime Text for Mac
- 又是一年了
- table总结insertRow、deleteRow
- 深入解析JavaScript中的立即执行函数
- ALSA声卡16_编写ALSA声卡应用程序_学习笔记
- Oracle数据库定时备份脚本
- Codeforces Round #390 (Div. 2)C Vladik and chat
- 33 个 2017 年必须了解的 iOS 开源库