JUST DO IT~!! :)

자바스크립트로 웹앱 개발시 Ajax 사용하면 아래와 같은 에러에 봉착(?)할 때가 있다.“Cross origin requests are only supported for HTTP.”Ajax연동시 보안상 외부서버로의 연동이 안 되는 것인데, 나의 경우엔 HTML5기반의 스마트TV나 셋탑환경하에서 돌아가는 앱을 개발하고 있는 터라 이들이 지원하는 브라우저는 기본적으로 이 부분(크로스 도메인 관련)이 문제가 되진 않는다. 허나 PC에서 먼저 개발이 되어야 하는데 그럴 때 이러한 에러 해결방법은 아래 방법처럼 크롬브라우저를 실행할 때 '웹보안' 설정을 끄면 된다.(사파리나 파이어폭스는 이리 안해도 그냥 됨.)(뭐, jsonp 나 기타 다른 방법들도 있겠으나, 간단하게 할 수 있는 방법이라 일단 요렇게 한다.) ..

ajax에서 외부서버에 접속하려 할 경우에 아래와 같은 메세지를 볼 수가 있다.XMLHttpRequest cannot load http://xx.xx.xx.xx/xxx.jsp. Request header field Content-Type is not allowed by Access-Control-Allow-Headers. 이는 ajax에서는 내부적으로 같은 도메인의 서버에서만 URL접속을 할 수 있도록 되어 있어서 그런데 이를 해결하기 위해서는 접속하려는 웹서버(여기서는 톰캣)에서 아래와 같이 응답헤더를 설정을 해 주면,다른 서버에서 접속요청하는 ajax 요청을 처리할 수 있다. response.addHeader("Access-Control-Allow-Origin", "*");response.setHea..