XHR readyState = 4 nhưng Status = 0 trong Trình duyệt Google Chrome

Question

Xin chào, tôi đã gặp sự cố lạ với cuộc gọi AJAX trên trang web của mình. Tôi thực hiện một cuộc gọi AJAX đơn giản đến một tập lệnh trên trang web của tôi. Nhưng cuộc gọi AJAX không thành công với readyState = 4 và status = 0. Không có vấn đề tên miền chéo vì kịch bản tôi muốn gọi là trên máy chủ của tôi.

$.ajax({ 
        type:"GET", 
        url: 'http://mydomain.com/test.php', 
        success : function(response){ 
         console.log(response); 
        }, 
        error : function(XHR){ 
         console.log(arguments); 
        } 
}); 

Tôi đã googled rất nhiều trang web nhưng dường như không có giải pháp cho điều đó!

Answer 1

Điều này xảy ra khi URL của yêu cầu AJAX có tên miền khác với trang mà tập lệnh đang chạy. Ví dụ: www.mydomain.com và mydomain.com khác nhau.

Để khắc phục nó, thay thế

url: 'http://mydomain.com/test.php', 

với

url: 'http://' + document.domain + '/test.php', 

Tôi tìm thấy câu hỏi này trong khi tìm kiếm câu trả lời bản thân mình. Tôi đã nhận được giải pháp từ here.