>  기사  >  웹 프론트엔드  >  AJAX 크로스 도메인 요청 데이터의 네 가지 방법을 설명하는 예

AJAX 크로스 도메인 요청 데이터의 네 가지 방법을 설명하는 예

小云云
小云云원래의
2017-12-19 13:54:482085검색

브라우저의 동일 출처 정책으로 인해 Ajax 요청은 요청 응답에서 반환된 데이터를 받을 수 없습니다. 이 기사에서는 주로 AJAX 교차 도메인 요청 데이터의 네 가지 방법을 소개합니다.

데이터를 요청하려면 브라우저의 내장 생성자 XMLHttpRequest()를 호출하여 인스턴스 개체를 생성해야 합니다.

var xhr = new XMLHttpRequest();

이전에는 ActiveXobject("Microsoft.XMLHTTP")가 지원되었습니다. IE8; 이것을 기억하세요 호환 처리 여기에 쓰지 않겠습니다

이 객체를 통해 획득

데이터 획득의 네 가지 상태 xhr.readyState 이 속성은 요청 데이터의 여러 상태를 저장합니다

1.xhr.open(요청 방법, 요청 주소, 동기/비동기 설정);

2.xhr.send(null);//요청 보내기 게시물 요청인 경우 매개변수를 send

3에 전달해야 합니다. 항상 데이터가 있는지 확인합니다. 반환됨

4. 데이터 반환 xhr.readyState의 값은 4이며 이는 데이터가 성공적으로 반환되었음을 나타냅니다.

따라서 도메인 간 요청을 해야 합니다. 방법은

옵션 1:

src 사용 src 속성에 의해 요청된 데이터 브라우저는