XMLHttpRequest에서 HTML 응답 데이터를 어떻게 검색하고 표시합니까?

XMLHttpRequest에서 응답 데이터 검색

웹 개발에서 XMLHttpRequest를 사용하면 웹 페이지와 원격 서버 간의 비동기 데이터 통신이 가능합니다. 일반적인 작업 중 하나는 원격 URL의 HTML 콘텐츠를 JavaScript 변수로 검색하는 것입니다.

응답 HTML 가져오기

액세스된 사이트의 HTML에 액세스하려면 XMLHttpRequest를 사용하세요. XMLHttpRequest.onreadystatechange 이벤트 핸들러 내의 .responseText. 예는 다음과 같습니다.

<br>var xhr = new XMLHttpRequest();<br>xhr.onreadystatechange = function() {<br> if (xhr.readyState === XMLHttpRequest.DONE ) {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">alert(xhr.responseText);

로그인 후 복사

}
};
xhr.open('GET', 'http://foo.com/bar.php', true);
xhr.send (null);

크로스 브라우저 호환성

더 넓은 브라우저 호환성을 위해 jQuery 사용을 고려해 보세요:

<br>$.get('http://foo.com/bar.php', 함수(응답 텍스트) {<br> Alert(responseText);<br>});<br>

동일 출처 정책 고려 사항

동일 출처 정책은 JavaScript는 자체적으로 프록시 스크립트를 생성하는 등 추가 조치를 취하지 않는 한 다른 출처의 데이터에 대한 액세스를 제한합니다. 도메인.

위 내용은 XMLHttpRequest에서 HTML 응답 데이터를 어떻게 검색하고 표시합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!