Trong cuộc gọi AJAX, 302 không được theo dõi

Question

Tôi đang sử dụng jQuery 1.6.2 để thực hiện yêu cầu POST AJAX đến một trang trên cùng một miền. Trang đó thực hiện chuyển hướng 302 đến một trang khác.

Hiện tại, trên máy cục bộ của tôi hoạt động tốt nhưng trên máy chủ sản xuất của chúng tôi, chuyển hướng không bao giờ được theo dõi và trong trình kiểm tra Chrome, yêu cầu được gọi là 'bị hủy'.

Nếu tôi truy cập vào cùng một trang mà không cần sự tham gia của javascript, mọi thứ hoạt động tốt, và như tôi đã nói AJAX hoạt động trên máy tính cục bộ của tôi, nhưng không phải trên máy chủ sản xuất.

Có ai biết điều gì có thể gây ra điều này không?

Có một số khác biệt giữa các máy chủ (OS X, Apache2, PHP5.3.6, HTTP trên máy cục bộ, Ubuntu, Lighttpd, PHP5.3.3, HTTPS khi sản xuất) nhưng không có gì khác với tôi.

Answer 1

Hóa ra một lỗi trong mã chuyển hướng gây ra chuyển hướng đến http: // trong khi trang đó được yêu cầu là https: //. Điều đó làm cho trình duyệt từ chối theo dõi chuyển hướng.

Answer 2

function doAjaxCall() { 
    $.ajaxSetup({complete: onRequestCompleted}); 
    $.get(yourUrl,yourData,yourCallback); 
} 

function onRequestCompleted(xhr,textStatus) { 
    if (xhr.status == 302) { 
     location.href = xhr.getResponseHeader("Location"); 
    } 
} 

các câu hỏi sau liên quan đến câu trả lời của bạn. bạn có thể tìm thấy câu trả lời từ các liên kết bên dưới.

Catching 302 FOUND in JavaScript

How to manage a redirect request after a jQuery Ajax call

Answer 3

Dựa trên câu trả lời này: https://stackoverflow.com/a/8752354/698289 tôi thấy đoạn mã sau sẽ rất hữu ích:

$('body').ajaxComplete(function (e, xhr, settings) { 
    if (xhr.status == 200) { 
     var redirect = null; 
     try { 
      redirect = $.parseJSON(xhr.responseText).redirect; 
      if (redirect) { 
       window.location.href = redirect; 
      } 
     } catch (e) { 
      return; 
     } 
    } 
}); 

Sau đó, bạn chỉ cần cung cấp JSON như sau:

{redirect: '/redirect/to/this/path'} 

Và ajaxComplete sẽ đảm bảo để chuyển hướng trình duyệt.

Hãy lưu ý rằng $.ajax('complete') gây SAU $.ajax('success') hoặc $.ajax('error')

Answer 4

Tôi coi đây là một vấn đề server-side, và không client-side. Trình duyệt chính xác không theo các chuyển hướng đến http khi yêu cầu ajax theo số https, vì đó sẽ là một lỗ hổng bảo mật.

Tôi nhận ra mình đang sử dụng tương đối đường dẫn, chẳng hạn như HttpResponseRedirect('/path/to/'). Trên một số lớp, url đã được thêm vào phía trước với tiền tố http:// và đó là những gì mà trình duyệt nhận: http://example.com/path/to/

Bạn phải đảm bảo rằng các Location được gửi trong tiêu đề phản ứng với một đường dẫn đầy đủ, bao gồm cả https://.