티스토리 뷰

Language/Node.js

cross domain ajax call 하기

KyeongRok Kim 2017. 4. 14. 11:08
cross domain ajax call 하기

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$.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);
    }
});
cs


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

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


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


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


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


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


end.



공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/03   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
글 보관함