当AJAX请求得到“302移动”响应时会发生什么？

Question

我正在尝试在不修改后端的情况下对旧网站表单进行AJAXify。最初，后端会在收到表单后用“302移动”重定向到“谢谢”页面进行响应。

现在，当我尝试使用jQuery$提交表单时。ajax调用时，表单数据被成功提交，但“302 Moved”重定向似乎被浏览器取消，jQuery不知道发生了什么。

我的问题是，不管发生什么，美元。ajax调用返回一个错误，状态为0，因此我无法区分成功提交和错误。

有没有办法阻止浏览器尝试遵循重定向，或者至少返回正确的响应代码？（我用的是Chrome。）

Answer 1

您的后端应用程序可能具有相对重定向，而jquery ajax可能无法处理该重定向。在这种情况下，位置头将不包括域名，只包括相对路径。对一些人来说（我不清楚）它可能导致同源政策问题的原因。有趣的是，将重定向更改为绝对路径应该可以解决这个问题。在jQuery 1.11.1上测试。

理论上的ajax调用：

$.ajax({
    'url': '/your-url',
    'method': 'post',
    'data': form.serialize()
}).done(function(data) {
    // something
}).fail(function(jqXHR, textStatus, errorThrown) {
    // another something
});

所以在 /your-url控制器中，你可能有类似的东西：

return $this->response->redirect('//same.domain/path');

或

return $this->response->redirect('/path');

第一个可以。第二个不是。

关键是您可能需要改变后端，但只需要一点点。如果您真的不想和/或以不同的方式处理它，您不需要检查请求是否是XmlHttpRequest。

Answer 2

这能帮你找到正确的方向吗？

$.ajax({
    type: "GET",
    url: url,
    data: data,
    complete: function(e, xhr, settings){
       if(e.status === 200){
            console.log(e.responseText);
       }else{
            console.log("error");
       }
   }
   });

Answer 3

我认为不，你不能不改变后端。你必须改变响应头，让Ajax知道/理解该做什么。如果你做了重定向，你必须改变头，因为Ajax调用响应不会这样做。