Ajax sẽ không vượt qua readyState 1, tại sao?

Question

Tôi đang cố gắng để chức năng này hoạt động, yêu cầu tham số url sau đó gửi responseText đến callback là một hàm.

Dường như nó chỉ được chuyển đến readyState 1 (nhờ các lệnh Firebug).

Ở đây là:

function Request(url, callback){ 
if (window.XMLHttpRequest) { // Mozilla, Safari, ... 
    httpRequest = new XMLHttpRequest(); 
} else if (window.ActiveXObject) { // IE 
    httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); 
} else{ 
    return false; 
} 
httpRequest.onreadystatechange = function(){ 
    console.log(httpRequest.readyState); 
    if (httpRequest.readyState == 4) { 
     callback(httpRequest.responseText); 
    } 
}; 
console.log(httpRequest, url); 
httpRequest.open('GET', url, true); 
httpRequest.send(null); 
} 

Answer 1

tôi workarounded vấn đề này gán sự kiện onload thay vì onreadystatechange:

function Request(url, callback){ 
if (window.XMLHttpRequest) { // Mozilla, Safari, ... 
    httpRequest = new XMLHttpRequest(); 
} else if (window.ActiveXObject) { // IE 
    httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); 
} else{ 
     return false; 
} 

var readyStateChange = function(){ 
    console.log(httpRequest.readyState); 

    if (httpRequest.readyState == 4) { 
       callback(httpRequest.responseText); 
    } 
}; 


if (isFirefox && firefoxVersion > 3) { 
    httpRequest.onload = readyStateChange; 
} else { 
    httpRequest.onreadystatechange = readyStateChange; 
} 

console.log(httpRequest, url); 
httpRequest.open('GET', url, true); 
httpRequest.send(null); 
} 

Answer 2

Có thể yêu cầu Ajax không trả lại dữ liệu (như vậy, lỗi máy chủ phụ của một số loại). Hãy thử bật tùy chọn 'hiển thị XMLHttpRequests' trong bảng điều khiển firebug, để kiểm tra điều này.

Answer 3

Kiểm tra xem URL được đề cập có thực sự phản hồi bằng cách truy cập trực tiếp URL đó trong trình duyệt hay không.

Thử nghiệm với một trình duyệt khác để bạn nhận được kết quả tương tự.

Sử dụng một số hình thức giám sát HTTP để xem khách hàng để nói chuyện máy chủ (yêu thích của tôi là Fiddler)

Answer 4

Tôi cũng phải đối mặt với cùng một vấn đề. Bằng cách đọc url dưới đây, tôi đã được giải quyết.

http://bytes.com/topic/javascript/answers/548442-ajax-readystate-1-wall

về cơ bản, khi tôi gán chức năng của tôi như là người nghe sự kiện cho httpRequest.onreadystatechange, tôi không thể vượt qua bất kỳ biến với nó. Vì vậy, tôi phải nhúng biến bên trong chuỗi HTTP POST vào phần cuối của máy chủ, sau đó lấy lại nó từ phản hồi HTTP.

Nó hoạt động tốt cho FF 3. Không cần sử dụng jQuery.