发布时间:2018-11-29编辑:佚名阅读(1713)
使用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); } });
实际情况是在ajax的complete()与error()回调函数中得到的状态码都是404,而不是302。
原来,当服务器将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>
上一篇:form表单有条件提交
0人
0人
0人
0人