cross domain ajax call 하기

cross domain ajax call 하기

$.ajax({
    type:"GET",
    url: url,
    data:parameter,
    dataType: "JSONP",
    cache:false,
    crossDomain:true,
    contentType:  'application/json; charset=utf-8',
    success:function(data){
        console.log(data)
    },
    error: function(XHR, textStatus, errorThrown) {
        console.log(XHR);
        console.log(textStatus);
        console.log(errorThrown);
    }
});

기본적인 코드는 위와 같다.

jquery ajax를 쓸 때 그게 cross domain인 경우에는 그냥 호출이 되지 않는다. 'dataType'을 반드시 'jsonp'로 주어야 한다.

jsonp는 cross domain을 기본 옵션으로 하고 있다.

그리고 가장 중요한건 내가 데이터를 가지고 오는 대상사이트의 response header에 Access-Control-Allow-Origin이 있어야 한다.

대상 사이트를 내가 수정할 수 있으면 헤더에 Access-Control-Allow-Origin을 넣어주어야 하고 내가 수정할 수 있는 사이트가 아니면 호출을 할 수 가 없다.

호출은 되는걸로 보이는데 callback이 실행이 되지 않는다.

end.