XMLHttpRequest 및 jQuery를 사용하여 HTTP 응답 콘텐츠를 검색하려면 어떻게 해야 합니까?

XMLHttpRequest를 사용하여 HTTP 응답 콘텐츠 검색

XMLHttpRequest는 비동기 HTTP 요청을 위한 강력한 도구입니다. 이를 활용하면 원격 콘텐츠를 JavaScript 변수로 손쉽게 로드할 수 있습니다.

응답 액세스

HTTP 응답 콘텐츠를 얻으려면 다음과 같은 경우 XMLHttpRequest.onreadystatechange 이벤트 핸들러의 XMLHttpRequest.responseText 속성에 액세스하세요. XMLHttpRequest.readyState는 XMLHttpRequest.DONE과 같습니다.

샘플 구현

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

jQuery를 사용한 대안

향상된 브라우저 간 호환성과 단순화된 사용을 위해 jQuery는 $.get() 함수를 제공합니다.

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

Cross- 원본 정책 고려 사항

다른 원본의 콘텐츠에 액세스할 때 JavaScript에 대한 동일 원본 정책을 기억하세요. 이 제한을 우회하려면 도메인에 프록시 스크립트를 생성하는 것이 좋습니다.

위 내용은 XMLHttpRequest 및 jQuery를 사용하여 HTTP 응답 콘텐츠를 검색하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!