은 다음

Question

취소됩니다 나는 다음과 같은 문제가 있습니다
내가 아약스 simulateously almosts를 요청 두를 보내려고 해요 :

function ajax() 
{ 
    xhr = new XMLHttpRequest(); 
    xhr.onreadystatechange = function() 
    { 
     if(xhr.readyState == 4) 
     console.log(xhr.responseText); 
    } 
    xhr.open('GET', 'list.html', true); 
    xhr.send(''); 
} 
ajax(); 
ajax(); 

문제는 그들 만 하나 성공합니다.
DevTools에서 네트워크 속도가 높으면 두 경우 모두 실행됩니다 (콘솔에서 두 번 빨리 ajax() 함수를 입력 할 때). 반면 네트워크 속도를 낮추고 다시 빠르게 입력하면 그 중 하나만 성공합니다.
왜 이런 일이 발생합니까? 동시 xhr 요청의 자동 취소를 피하려면 어떻게해야합니까?

Answer 1

로컬 변수를 사용하여 XMLHttpRequest을 보유해야합니다. 전역 변수를 사용하기 때문에, 콜백 함수는 항상 전송 된 두 번째 AJAX 요청을 참조합니다. 그래서 변경 :

xhr = new XMLHttpRequest(); 

에 :

var xhr = new XMLHttpRequest(); 

그런 다음 각 콜백 연료 소모량이 전송 된 특정 요청을 참조하는 폐쇄 될 것입니다.