XMLHttpRequest를 사용하여 JavaScript 변수에 원격 HTML을 가져오고 저장하려면 어떻게 해야 합니까?

XMLHttpRequest의 응답 받기

XMLHttpRequest는 원격 콘텐츠를 JavaScript 변수에 로드하기 위한 다목적 도구입니다. 특정 URL의 HTML 콘텐츠를 검색하려면 다음 단계를 따르세요.

문제 설명:

JS 변수에 원격 사이트의 HTML을 어떻게 저장합니까? XMLHttpRequest?

해결책:

XMLHttpRequest.onreadystatechange의 XMLHttpRequest.responseText(XMLHttpRequest.readyState가 XMLHttpRequest.DONE과 같을 때 트리거됨)에는 HTML이 포함되어 있습니다.

예:

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if (xhr.readyState == XMLHttpRequest.DONE) {
        alert(xhr.responseText);
    }
}
xhr.open('GET', 'http://example.com', true);
xhr.send(null);

크로스 브라우저 호환성:

향상된 크로스 브라우저 호환성을 위해서는 활용할 수 있다 jQuery:

$.get('http://example.com', function(responseText) {
    alert(responseText);
});

동일 출처 정책:

JavaScript의 동일 출처 정책은 교차 출처 요청을 제한합니다. 이 제한을 우회하려면 도메인에 프록시 스크립트를 생성하는 것이 좋습니다.

위 내용은 XMLHttpRequest를 사용하여 JavaScript 변수에 원격 HTML을 가져오고 저장하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!