ajax是否能够抓取302状态码
来源:互联网 发布:matlab魔方矩阵编程 编辑:程序博客网 时间:2024/06/05 11:56
服务器端的响应是302 Found,在ajax的回调函数中能够获取这个状态码吗?能够从Response Headers中得到Location的值进行重定向吗?让我们来一起动手写写代码看看实际情况吧。
在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>
0 0
- ajax是否能够抓取302状态码
- AJAX是否能够取代桌面应用程序
- ajax状态码
- Ajax状态码
- Ajax 状态码
- Ajax状态码
- iscsi 是否能够共享
- Ajax 能够做什么?
- Ajax 能够做什么?
- ajax获取http访问状态--判断图片路径是否有效
- AJAX 状态值与状态码详解
- ajax状态值与状态码详解
- AJAX状态值与状态码
- AJAX状态值与状态码
- AJAX 状态值与状态码详解
- AJAX状态值与状态码
- AJAX状态值与状态码
- Ajax状态值及状态码
- 简介C#读取XML的两种方式
- Oracle、聚石塔
- Eclipse添加中文javadoc
- 解析阿里云大数据服务——ODPS
- 驱动程序之原子操作
- ajax是否能够抓取302状态码
- 什么数据分析
- MyEclipse 下载与破解
- Intent和PendingIntent的区别
- C#中可以用XmlDocument类操作Xml文件
- 封装函数获取样式
- 2016年cocos2d-x v3.10总体开发环境WIN7-64位安装步骤
- C#操作XML之——读取XML节点
- es5、6新添加的js方法