Same-origin policy 정책 JSONP 사용방법(크로스도메인간 통신)

웹 상에서 동일한 도메인상의 요청만 가능하도록 제한을 둔 정책으로 

"Same origin policy" 가 있다고합니다.

자세한 부분은 확실히 정리가 되는데로 포스팅을 추가하도록 하겠습니다.

이러한 제한을 해결하기 위해서는 JSONP를 이용해 도메인간 통신이 가능한데요.

jQuery에서는 1.2버전부터 JSONP 호출이 제공이 되고 있다고합니다

일반적으로 jQuery에서는 JSONP를 이용하려면 다음과 같이 코드를 작성하면 됩니다

$.ajax({
    url: "가지고올 URL",
    jsonp: "callback",
    dataType: "jsonp",
    data: {
        //데이터가 있다면 다음과 같이 작성 (변수:"데이터")
        data1 : "data1",
        data2 : "data2"
    },
    success: function( response ) {
        console.log( response ); // 성공시 처리...
    }
});

 

일반적인 ajax 통신에 dataType을 jsonp라고 해주면 됩니다^^