Chuyển hướng sau bài đăng Ajax

Question

Tôi muốn thành công trên bài đăng ajax để truy cập trang chủ. Vì một lý do nào đó, tôi tiếp tục làm sai. Bất kỳ ý tưởng những gì tôi nên làm gì để sửa lỗi này?

window.APP_ROOT_URL = "<%= root_url %>"; 

Ajax

$.ajax({ url: '#{addbank_bankaccts_path}', 
type: 'POST', 
beforeSend: function(xhr) {xhr.setRequestHeader('X-CSRF-Token', '#{form_authenticity_token}')}, 
dataType: "json", 
data: 'some_uri=' + response.data.uri , 
success: function(APP_ROOT_URL) { 
     window.location.assign(APP_ROOT_URL); 
    } 
}); 

Answer 1

success: function(response){ 
         window.location.href = response.redirect; 
        } 

Hy vọng điều này sẽ giúp đỡ và tôi đã có cùng một vấn đề

Answer 2

Bạn có thể trả lại JSON từ máy chủ với tình trạng chuyển hướng và chuyển hướng URL.

{"redirect":true,"redirect_url":"https://example.com/go/to/somewhere.html"} 

Và trong ajax handler jQuery của bạn

success: function (response) { 
    // redirect must be defined and must be true 
    if (response.redirect !== undefined && response.redirect) { 
     window.location.href = response.redirect_url; 
    } 
} 

Lưu ý bạn phải thiết lập dataType: 'json' trong cấu hình ajax. Hy vọng điều này là hữu ích. Cảm ơn!

Answer 3

Không chắc chắn lý do tại sao, nhưng window.location.href không hoạt động đối với tôi. Tôi đã kết thúc bằng cách sử dụng window.location.replace thay vào đó, mà thực sự làm việc.

$('#checkout').click(function (e) { 
    e.preventDefault(); 
    $.ajax('/post/url', { 
     type: 'post', 
     dataType: 'json' 
    }) 
    .done(function (data) { 
     if (data.cartCount === 0) { 
      alert('There are no items in cart to checkout'); 
     } 
     else { 
      window.location.replace('/Checkout/AddressAndPayment'); 
     } 
    }); 
});