예를 들어, “arraybuffer”의 responseType을 사용하여 원시 이진 데이터를 저장하는 ArrayBuffer 개체로 원격 콘텐츠를 가져오는 이 스니펫을 고려합니다. GET과 같은 일부 요청 메서드에는 본문이 없습니다. 그리고 그들 중 일부는 POST 사용 본문을 사용하여 데이터를 서버로 보냅니다. 나중에 예제를 살펴보겠습니다. 위의 예제의 첫 번째 줄은 XMLHttpRequest 개체를 만듭니다. 아래 코드는 서버에서 /article/xmlhttprequest/example/load에서 URL을 로드하고 진행 상황을 인쇄합니다: 캐시를 우회하는 교차 브라우저 호환 접근 방식은 URL에 타임스탬프를 추가하므로 “?” 또는 “&”를 적절히 포함해야 합니다. 예: 이 예제에서는 텍스트 문자열을 XML DOM 개체로 구문 분석하고 JavaScript를 사용하여 정보를 추출합니다. 그것은 센트받지 않았다. XMLHttpRequest 를 만들 때 XMLHttpRequest 원본(XMLHttpRequest를 만들 때)이 나중에 열려 있을 때 변경된 경우입니다. 이 경우, 예를 들어 창에 대 한 온 언로드 이벤트에서 발생 하는 XMLHttpRequest가 있는 경우 발생할 수 있습니다., 예상된 XMLHttpRequest 는 닫을 창이 여전히 있을 때 생성 되 고 마지막으로 요청을 보내는 경우 (다른 말로, open()) 이 경우 창은 초점을 잃고 다른 창은 초점을 얻는다.

이 문제를 방지하는 가장 효과적인 방법은 종료된 창에 언로드 이벤트가 트리거되면 설정된 새 창의 활성화 이벤트에 리스너를 설정하는 것입니다. W3Schools의 예제는 W3Schools 도메인에 있는 모든 열려 있는 XML 파일을 엽니다. 위의 예에서 캐시된 결과를 얻을 수 있습니다. 이를 방지하려면 URL에 고유 ID 추가: 위의 예제를 자신의 웹 페이지 중 하나에서 사용하려면 로드하는 XML 파일이 자신의 서버에 있어야 합니다. 이 예제에서 updateProgress() 함수에 의해 지정된 진행률 이벤트 처리기는 전송할 총 바이트 수와 이벤트의 총 및 로드된 필드에서 지금까지 전송된 바이트 수를 받습니다.