} xmlhttp.open(“GET”,”ajaxTest2.php?sampleVar=” + Math.random()); xmlhttp.send (); 위의 예에서 캐시된 결과를 얻을 수 있습니다. 이를 방지하려면 URL에 고유 ID를 추가합니다: XMLHttpRequest 개체는 자바스크립트에서 웹 서비스에 대한 아약스 동기 또는 비동기 호출을 구현하는 데 사용됩니다. 이 예제에서는 ajax 사용 XMLHttpRequest에서 웹 서비스에 http get 및 게시 요청을 구현 하는 방법을 보여 줄 것입니다. ajax 클라이언트에 응답 데이터를 다시 작성하려면 http 웹 서버를 만들어야 합니다. 자세한 내용은 노드 JS Http 서버 Get Post 예제를 참조하십시오. XMLHttpRequest 수신 상태=0 및 statusText=null로 결론을 내린 경우 이는 요청을 수행할 수 없음을 의미합니다. 그것은 센트받지 않았다. XMLHttpRequest 를 만들 때 XMLHttpRequest 원본(XMLHttpRequest를 만들 때)이 나중에 열려 있을 때 변경된 경우입니다. 이 경우, 예를 들어 창에 대 한 온 언로드 이벤트에서 발생 하는 XMLHttpRequest가 있는 경우 발생할 수 있습니다., 예상된 XMLHttpRequest 는 닫을 창이 여전히 있을 때 생성 되 고 마지막으로 요청을 보내는 경우 (다른 말로, open()) 이 경우 창은 초점을 잃고 다른 창은 초점을 얻는다.

이 문제를 방지하는 가장 효과적인 방법은 종료된 창에 언로드 이벤트가 트리거되면 설정된 새 창의 활성화 이벤트에 리스너를 설정하는 것입니다. 다음은 전체 예제입니다. 아래 코드는 서버에서 /article/xmlhttprequest/example/load에서 URL을 로드하고 진행 상황을 인쇄합니다: 캐시를 우회하는 교차 브라우저 호환 접근 방식은 URL에 타임스탬프를 추가하므로 “?” 또는 “&”를 적절히 포함해야 합니다. 예: 이 예제에서는 서버에서 페이지를 로드하고 처리하는 함수 load()를 제공합니다. XMLHttpRequest 개체를 만들고 readyState가 DONE(4)으로 변경될 때 응답을 가져오고 load()에 제공된 콜백 함수로 전달되도록 readystatechange 이벤트에 대한 리스터를 만들어 작동합니다. 이 예제에서 updateProgress() 함수에 의해 지정된 진행률 이벤트 처리기는 전송할 총 바이트 수와 이벤트의 총 및 로드된 필드에서 지금까지 전송된 바이트 수를 받습니다. 그러나 길이계산 가능한 필드가 false이면 총 길이는 알 수 없으며 0이 됩니다. 더 많은 예제를 확인 하십시오 는 이진 데이터 보내기 및 수신 xmlhttp.open (“GET”,”ajaxTest2.php?sampleVar=”+ Math.random ()))로 요청을 보낼 준비를 할 때). 이것을 조금 세분화해 봅시다. “GET”은 요청 유형입니다. ajaxTest2.php는 우리가 이야기하려고하는 URL입니다.

분리 후 ?, 우리는 우리의 수학.random()에 같은 변수, sampleVar, =가 있습니다. Math.random()은 단순히 1에서 0 사이의 난수를 생성합니다. 변경된 페이지가 브라우저에서 캐시되지 않도록 이 것을 사용합니다. 마지막으로 xmlhttp.send();)로 요청을 보냅니다. FormData 생성자를 사용하면 XMLHttpRequest를 사용하여 보낼 키/값 쌍 집합을 컴파일할 수 있습니다. 주요 용도는 양식 데이터를 보내는 것이지만 사용자 키 데이터를 전송하기 위해 양식과 독립적으로 사용할 수도 있습니다. 전송된 데이터는 양식의 인코딩 형식이 “다중 파트/양식 데이터”로 설정된 경우 양식의 submit() 메서드가 데이터를 전송하는 데 사용하는 것과 동일한 형식입니다. FormData 개체는 XMLHttpRequest를 사용하여 여러 가지 방법으로 사용할 수 있습니다.

XMLHttpRequests를 사용하여 FormData를 활용하는 방법에 대한 예제 및 설명은 양식데이터 개체 사용 페이지를 참조하십시오. 교훈적인 목적을 위해 FormData API를 사용하도록 변환된 이전 예제의 번역이 있습니다.

Read all articles in Uncategorized