HTML 크롬에서 XMLHttpRequest Cross-domain이 안됩니다.
글쓴이: jic5760 / 작성시간: 월, 2014/08/18 - 9:30오후
크롬과 IE가 XMLHttpRequest을 처리하는게 약간 다른거 같습니다.
IE에서는 잘 되는데 크롬에선 안되네요...
크롬 실행시 인수를 주는 방법 말고 소스로 해결하고 싶습니다.
아래는 테스트 소스입니다.
function sendRequest(url,callback,postData) {
var req = new XMLHttpRequest();
req.open('POST',url,true);
req.setRequestHeader('Content-type','application/x-www-form-urlencoded');
req.setRequestHeader('Access-Control-Allow-Origin','*');
req.setRequestHeader('Access-Control-Allow-Headers','origin, x-requested-with, content-type, content-type, accept');
req.onreadystatechange = function () {
if (req.readyState != 4) return;
alert(req.status); //200이 아닌 그냥 0이 나옵니다.
}
req.send(postData);
}패킷을 캡쳐해보면
IE에서는
GET /... HTTP/1.1 Accept: */* Access-Control-Allow-Origin: * Access-Control-Allow-Headers: origin, x-requested-with, content-type, content-type, accept Accept-Language: ko-KR Accept-Encoding: gzip, deflate Host: ....com DNT: 1 Connection: Keep-Alive HTTP/1.1 200 OK Server: Apache Accept-Ranges: bytes Content-Length: 11 Keep-Alive: timeout=5, max=100 Connection: Keep-Alive Content-Type: text/html OUTPUT DATA
이렇게 되면서 200 OK 잘 나오는데
크롬에서는...
OPTIONS /... HTTP/1.1 Host: ....com Connection: keep-alive Cache-Control: max-age=0 Access-Control-Request-Method: GET Origin: null Access-Control-Request-Headers: access-control-allow-origin, access-control-allow-headers Accept: */* Accept-Encoding: gzip,deflate,sdch Accept-Language: ko-KR,ko;q=0.8,en-US;q=0.6,en;q=0.4 HTTP/1.1 301 Moved Permanently Date: Mon, 18 Aug 2014 12:18:21 GMT Server: Apache Location: hxxp://....com/... Content-Length: 316 Keep-Alive: timeout=5, max=99 Connection: Keep-Alive Content-Type: text/html; charset=iso-8859-1 ....301오류
이렇게 나옵니다...
왜이럴까요? 어떻게 해야 이걸 해결할 수 있을까요??
Forums:
해결...
예전에 해결했습니다...
php쪽에 header("Access-Control-Allow-Origin: *"); 을 주니 되네요...